Animation CSS3
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
