Animation CSS3
Jp
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
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
A voir également:
- Animation CSS3
- 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
- Desactiver animation windows 11 - Guide
- Logiciel animation flash - Télécharger - Animation
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
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
Bonne journée