Les transitions CSS3

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 :

Mon lien

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:
}

Laisser un commentaire

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