Topic: [ SHADOWS ] .z-depth-1 + .hoverable
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
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 nowFREE 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