CSS Animations (scale)

Question

Bonjour,

j'aimerai faire un animations en css de rétrécissement et j'ai découvert la balise "scale" mais j'ai pas très bien compris comment l'utiliser.
Qui pourrai m'aider ?
Merci :)

animostab · Accepted Answer

salut scale n'est pas une balise mais une animation css3 de transform voila comment on fait (ex ici sur le hover) html

css @keyframes pop-in { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } #madiv { width:300px; height:300px; background:red; } #madiv:hover { animation:pop-in 2s; } pense aussi que tu peux rajouter les préfixes vendeur suivant les versions des navigateurs que tu veux cibler Un petit merci vaut mieux qu'une grande ignorance ! Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

animostab · Answer

Voila

@keyframes pop-in {
0% { transform: scale(1); }
50% { transform: scale(0.5); }
100% { transform: scale(1); }
}

#madiv {
animation:pop-in 2s infinite;
} 

2s c'est le temps en seconde

CSS Animations (scale)

2 réponses

Discussions similaires

Newsletters