Search code examples
phphtmlcssimage-rotation

Need to stop the Image rotation when mouse over it


In my page having an image which is in rotation. Initially if i load the page it will rotate automatically, but I need to stop rotation when cursor over it, if i move the cursor it again need to start the rotation


Solution

  • Please provide more information next time. :)

    img:hover
    {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
         animation-play-state: paused;
    }