-
Posts
-
Hey guys,
is it possible to put the same hover zoom effect on icons with a custom class which is possible to activate on images ?I cannot find the right css for that.
Custom classes for ALB Elements are already activated.
thx and kind regards
Hey aicompcloud,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
The easy thing to do would be to use some hover change color or animation, maybe.
Best regards,
Victoriaok…can you help me to find the right classes?
I tried this with no effect
#top .av-icon-char:hover {
color: #0081C2 !important;
}I got it myself. I’m not sure if everything is clean but it works. Here’s the code.
/*Hover on Icon with custom class hovericon*/
#top .hovericon .av-icon-char {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#top .hovericon .av-icon-char:hover {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}Hi,
Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- The topic ‘Adding same hover zoom effect on Icon Symbol like on pictures’ is closed to new replies.