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

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

SL-Tech pro asked 7 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

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

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 7 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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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

About author

SL-Tech

Pro User

31Support score
5Questions 5Answers

0Snippets likes 0Snippets