:Hover transition mess up other plugin's animation

Hey @magictheme,

I have seen this issue on several sites. We have a slider plugin which uses JavaScript animation wit RAF for the proper working. Also this animation happen for user interaction, so the mouse is over the animated element.

Your style.css contains the following code:
:hover {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

It tells the browser to animate every property change which happens on an element which is in HOVER state. It cause an animation flickering if JS sets the CSS property the CSS transition tries to animate it, then JS sets again, another CSS transition etc etc…

You should remove the previously mentioned CSS selector or you have to make it more specific. For example apply it for links only:

a:hover {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}