Animation CSS3
Jp
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 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
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
- Animation livre qui s'ouvre powerpoint ✓ - Forum Powerpoint
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