CSS | Üzerine Gelince Dönen Resim

ogonuz mouse üzerine gelince yuvarlansın istermisiniz? “eveeeettttt” dediğinizi duyar gibiyim icon smile Üzerine Gelince 360 Derece Dönen Resim, peki nasıl yapacaz?
Hemen css dosyamızın içinde uygun bir yere

 
p#donenlogo img{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#donenlogo img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

ardından sayfamızda döndürmek istediğimiz logoyu şöyle çağıralım örnek sayfa