Les spécifications CSS3 ont introduit un nouvel attribut ‘transition’ permettant de créer des animations sans passer par des bibliothèques Javascript.
Littéralement les transitions permettent de gérer le passage d’un état 1 à un état 2 d’un élément du DOM à l’aide de différents attributs, prenons le simple exemple suivant :
et le style associé suivant :
.link{
color:#FF0000;
transition-property:color;
transition-duration:0.2s;
transition-timing-function : linear;
transition-delay : 1s;
}
.link:hover{
color:#0000FF:
}