Faire pivoter l'image gif à droite quand vol stationnaire sur l'aide CSS3 et html5

Question

Comment puis-je faire pivoter l'image gif lorsque vol stationnaire de la souris sur l'aide CSS3

#tiger:hover{ 
    -webkit-transform:rotateX(180deg) 
} 

Answer 1

Utilisez transform: rotate(90deg)

img:hover { 
 
    transform: rotate(90deg) 
 
}

<img src="http://placehold.it/150/f00" alt="image">

Answer 2

essayez ceci:

.image { 
 
    position: absolute; 
 
    top: 50%; 
 
    left: 50%; 
 
    width: 120px; 
 
    height: 120px; 
 
    margin:-60px 0 0 -60px; 
 

 
} 
 
.image:hover{ 
 
    -webkit-animation:spin 4s linear infinite; 
 
    -moz-animation:spin 4s linear infinite; 
 
    animation:spin 4s linear infinite; 
 
} 
 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 
 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 
 
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

<img class="image" src="http://placehold.it/350x150" alt="" width="120" height="120">