Topic: [ SHADOWS ] .z-depth-1 + .hoverable

SL-Tech pro asked 6 years ago


Before the update, i used to use this two classes that basically brings z-depth-1 to 5 on hover Now if i use hoverable, z-depth disappears completely. In cards or circle with no border i have a flat effect if background color is white. I dont know if is a bug or not, but before the update i could do it

Marta Wierzbicka staff answered 6 years ago


Hi, our .hoverable effect is designed this way that it has .z-depth-0 class in normal state and .z-depth-2 class on hover. You can change it in this way: CSS:
.hoverable {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.hoverable:hover {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
Best, Marta  

SL-Tech pro commented 6 years ago

Ok, thanks. I write this comment beacuse i've updated the versionof MDB PRO and the shadows effects are disappeared. Before i can use z-depth and hoverable together. Maybe in the next updates will be better have different version of hoverable class based on different z-detph-n class instead only one. For example cards have built-in shadows and we can use the hoverable class, but for the elments that havent the built-in shadows z-depth-n has non effect. Thank you for now


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags