Transitions
10 min
Niveau 10
Les transitions permettent, en utilisant simplement du code CSS, de changer la valeur d’une propriété de manière douce, pendant une durée déterminée.
Pour ce faire, le langage CSS met à disposition 5 propriétés :
transitiontransition-delaytransition-durationtransition-propertytransition-timing-function
Compatibilité avec les différents navigateurs internet
Voici le tableau résumant la compatibilité des propriétés de transition, en fonction du navigateur internet :
| Propriété | Chrome | Edge | Firefox | Safari | Opéra |
|---|---|---|---|---|---|
| transition | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
| transition-delay | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
| transition-duration | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
| transition-property | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
| transition-timing-function | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
Utiliser les transitions CSS
Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !
