Hi,
How can I remove stop the icon from rotating when hovering a blog post? I have changed the content of the hover symbol.
http://kriesi.at/themes/enfold/blog/
Thanks,
Roger
i think this is implemented here:
a:hover .image-overlay .image-overlay-inside {
animation: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running avia_pop_small;
}
turn the animation to none
a:hover .image-overlay .image-overlay-inside {
animation: none
}
perhaps an !important is recomended
Thanks!
and by the way the rotation sits in that “running avia_pop_small”
definitions are in layout.css:
@-webkit-keyframes avia_pop_small {
0% { -webkit-transform:rotate(-175deg) scale(0.2); }
100% { -webkit-transform:rotate(0deg) scale(1); }
}
@-moz-keyframes avia_pop_small {
0% { -moz-transform:rotate(-175deg) scale(0.2); }
100% { -moz-transform:rotate(0deg) scale(1); }
}
@keyframes avia_pop_small {
0% { transform:rotate(-175deg) scale(0.2); }
100% { transform:rotate(0deg) scale(1); }
}