search

IanLunn / Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
http://ianlunn.github.io/Hover/
Other
29.25k stars 5.78k forks source link

Some effects snap into place in Chrome v33 #24

Closed IanLunn closed 9 years ago

IanLunn commented 10 years ago

Since Opera v20 and Chrome v33, elements that have both a transition and animation applied may snap into place when hovered over.

Unfortunately this is a browser bug and nothing can be done about it in the Hover.css library. A transition will not take affect when an animation is applied as well.

Bug reported here: https://code.google.com/p/chromium/issues/detail?id=347993&thanks=347993&ts=1393600890

Example of the issue here: http://codepen.io/IanLunn/pen/noxIf

Hopefully this will be fixed in a not too distant version of Chrome

NicoSa commented 10 years ago

let´s hope so!

IanLunn commented 10 years ago

Still no fix or response to the reported bug for this. A workaround may be to move the transition into the animation, so that only an animation need occur. I'll look into this soon.

IanLunn commented 9 years ago

Removed the effects from 2.0.0 that exhibit this behavior. Will add them back if the issue is fixed by browser vendors.