Working rotation animation of the image CSS

Hello
Today the modus operandi of a moving image rotation
Of course the image will spin when the mouse hovers
Add in the region of the Head the following code

 <style type="text/css">  img.rotate:hover   {transform: rotate(360deg);-moz-transform:   rotate(360deg);-webkit-transform: rotate(360deg);-o-transform:   rotate(360deg);-ms-transform:   rotate(360deg);-webkit-transition-duration:  1s;-moz-transition-duration:  1s;-o-transition-duration:  1s;-ms-transition-duration:  1s;transition-duration: 1s;  }</style>  

And add this code in the Body and adjust necessary

     <img src="Image Path" class="rotate" > 

Source

Hello, mtwervb, Welcome to the forums.

Do you have a question? What is the purpose of your post?