Animation CSS3
Jp
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je souhaiterai créer une animation CSS avec au départ une image qui est une boite fermée, et quand on passe la souris dessus (hover) la boite s'ouvre.
Je sais qu'il faut plusieurs images mais je ne sais pas quelles sont les propriétés CSS à utiliser. Je n'ai pas trouver d'exemple bien concrêt sur le web.
Quelqu'un saurait-il où me dénicher ça?
Merci
je souhaiterai créer une animation CSS avec au départ une image qui est une boite fermée, et quand on passe la souris dessus (hover) la boite s'ouvre.
Je sais qu'il faut plusieurs images mais je ne sais pas quelles sont les propriétés CSS à utiliser. Je n'ai pas trouver d'exemple bien concrêt sur le web.
Quelqu'un saurait-il où me dénicher ça?
Merci
1 réponse
-
bonjour
tu trouveras ton bonheur ici
https://docs.microsoft.com/en-us/archive/blogs/
sinon plus simple tu crée
1 image boite fermé
2 image gif animé de la boite qui s'ouvre (très léger en Ko)
html
<div class="boite"></div>
css
.boite {
background-image: url(boite.gif);
}
.boite:hover {
background-image: url(boiteouvre.gif);
}
Un petit merci vaut mieux qu'une grande ignorance
