Animation CSS3 : animation inverse possible ?

Résolu/Fermé
iwouin Messages postés 41 Date d'inscription mardi 11 mars 2014 Statut Membre Dernière intervention 17 mai 2016 - 10 déc. 2015 à 22:05
iwouin Messages postés 41 Date d'inscription mardi 11 mars 2014 Statut Membre Dernière intervention 17 mai 2016 - 11 déc. 2015 à 09:22
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 !

1 réponse

patricia@84 Messages postés 95 Date d'inscription vendredi 27 novembre 2015 Statut Membre Dernière intervention 20 juin 2022 9
11 déc. 2015 à 09:03
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 mardi 11 mars 2014 Statut Membre Dernière intervention 17 mai 2016
11 déc. 2015 à 09:22
Merci beaucoup, c'est réglé !
0