css start animation on hover

Solutions on MaxInterview for css start animation on hover by the best coders in the world

showing results for - "css start animation on hover"
Amandine
16 Jan 2017
1button{
2  animation: rotate360 1.2s linear infinite;  /* animation set */
3  animation-play-state: paused;               /* put paused */
4}
5button:hover{
6  animation-play-state: running;              /* trigger on hover */
7}
8@keyframes rotate360 {                        /* keyframes of animation */
9  to { transform: rotate(360deg); }           
10}
queries leading to this page
css add animation to hovercss on hover call a keyframemouse hover animation interactive animation in csson hover element start animationcss activate animation on hovercss animation while hoverhow to play an animation on hovercss using keyframes on hoverstart css animation on hoverhow to css animation on hovercss animation when hoveranimation with hoverkeyframes hover effectcss animation to trigger on hovercss keyframes hovercss fun animation on hoverrun animation css on hovercss run animation on each hoverplay animation on hover csson hover activate keyframehwo to make animation when you hover and return itanimation when hover is donecss animation start on hoverhow to set animation on hover csshow to restrict an animation to one time on hovercss keyframes for hoveranimation on hover csscreate animation on hovercss animation keyframes hovermake hover animationkeyframe animation on hoveron hover css animationhover css animationhow to start css animation on hoverstart animation on hovercss hover animation durationtrigger css animation on hoveranimation css after hoveractivate css animation on hoveranimation start on hover in csshover on animationanimation css when hoverrunning an animation till hovercss make animation work on hover and off hoveranimation all hoverhow to create animation on hover cssrun animation on hoverhow to start an css animation on hoverplay css animation on hoverlaunch animation on hover csshow to do animation on hoverhover interactive animation in csscss when hover animation startsmake animation start on hoveronhover animation in csson hover play animation csscss hover trigger animationrun animation on hover csshover animation csshtml start animation on hovercss animation keyframes on hovercss start animation on hovercss animation after hovercss play animation on hoveranimation on hover htmlhtml animate on hovercss animation when hoverrkeyframe animations from hoverhow to make animation work on first hovercss animation hover both directionscss animation on hoveron hover css animation timeapply animation on hoverhover css keyframeshow to make animation start on hover htmlcss play animation when not hoveranimation start on hoverhow to trigger css animation on hoverhow to launch the animation on mouse hover how to set animation on hoverhow to add animation on hover in csskeyframes hover animationcss run animation on hoveron hover element start animation csscss start animation on hover