Animation CSS3 : animation inverse possible ?

Résolu
iwouin Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   -  
iwouin Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir,
je débute en CSS et j'ai réussi à créer un élément d'une div contenant une icone qui, quand on passe la souris dessus, slide vers la gauche et fait apparaitre un autre élément (texte en l'occurrence) qui entre par la droite dans la div. Pour bien comprendre, j'ai reproduit une boîte de ce magnifique site : http://sendthanks.to/

Mais voilà, dès que je sors de la zone div, l'animation est "terminée" et je me retrouve, sans transition, à l'état initial (celui où on voit l'icone). Je ne sais pas s'il est possible en CSS3 d'effectuer la translation inverse (ou tout autre animation) lorsque l'on sort de la zone où l'on applique le hover (comme le fait très bien le site précédemment cité).

(si vous m'avez compris, je ne pense pas parler de l'attribut reverse)

Merci, vous me sauveriez la vie !
A voir également:

1 réponse

patricia@84 Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   9
 
Bonjour,

Pour ce genre d'animation, j'utilise la propriété css "transition". Si vous ne la connaissez pas, suivez ce lien : https://www.alsacreations.com/tuto/lire/873-transitions-css3-animations.html
0
iwouin Messages postés 41 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup, c'est réglé !
0