Snippet : Transitions CSS3
Attention, cet article a été déplacé dans les archives, donc le contenu peut ne plus être à jour. A vous de voir 🙂
Voici un bout de code permettant d’effectuer une transition ( CSS3 ) fluide entre les états d’un élément ciblé : hover, active, focus …
a {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
Un snippet à garder sous le coude 😉
Edit : pour des raisons de performances, et de compatibilité éventuelles avec des sprites, choisissez uniquement la propriété qui bénéficiera de la transition ( color, opacity, … )