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, … )

Partager cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *