Hover @keyframe run the full animation

[Slake]

**Hi,**

I can’t find the way to play an animation till the end when an element is :hover once.

_If i stop “hover” the element, the animation reset, but i need it to finish even if i stop hover the element._

[Sample “jsfiddle”](http://jsfiddle.net/5SueS/ “Sample “jsfiddle””)

_:hover –> run animation from 0% to 100% (one time)._

Any idea ? Thanks.

[pixelgrid]

it can be done with javascript,
on hover add a class and then have a listener
about when the animationEnd event fires
so you can remove the class.

http://stackoverflow.com/questions/7694323/css3-animation-on-hover-force-entire-animation

[Slake]

Thanks Pixelgril, i was thinking that there was a solution without js but it seems there isn’t.

[Author]

Posts