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

Tags : , ,