Animation CSS3 : animation inverse possible ?
Résolu
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 -
iwouin Messages postés 41 Date d'inscription mardi 11 mars 2014 Statut Membre Dernière intervention 17 mai 2016 -
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 !
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:
- Animation CSS3 : animation inverse possible ?
- Dp animation maker - Télécharger - Animation
- Logiciel d animation 2d gratuit - Télécharger - Divers Web & Internet
- Gpx 3d animation - Télécharger - Transports & Cartes
- Animation windows - Guide
- Animation livre qui s'ouvre powerpoint ✓ - Forum Powerpoint
1 réponse
patricia@84
Messages postés
106
Date d'inscription
vendredi 27 novembre 2015
Statut
Membre
Dernière intervention
24 septembre 2023
9
11 déc. 2015 à 09:03
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
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
11 déc. 2015 à 09:22