Animation Inverse CSS3

Question

Bonjour, 

Sur mon site web, j'ai mis une animation en CSS3 sur le hover d'une img. Voici le code:

#blogtitle img:hover {

transform : rotate(16deg) scale(1.1);
-webkit-transform : rotate(16deg) scale(1.1);

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

Cela fonctionne très bien, mais quand j'enlève mon curseur du logo, l'animation ne se joue pas a l'inverse, l'image revient brusquement à la position de départ.

Que faut-il faire pour jouer la transition à l'inverse ?

Merci d'avance,
Kwimbee.


Configuration: Windows 8 / Chrome 29.0.1547.62

Angelneonizz · Answer

Bonjour,

question déja posé là :
https://forums.commentcamarche.net/forum/affich-28594724-contraire-de-hover-pour-boutton-en-css#p28611509

Animation Inverse CSS3

1 réponse

Discussions similaires

Newsletters