Maison > interface Web > tutoriel CSS > Quelle est la différence entre transition et animation en CSS3

Quelle est la différence entre transition et animation en CSS3

王林
Libérer: 2020-11-17 16:34:37
original
5205 Les gens l'ont consulté

La différence entre la transition et l'animation dans CSS3 est que la transition doit déclencher un événement pour modifier ses propriétés CSS au fil du temps ; l'animation peut également modifier le CSS de l'élément au fil du temps sans déclencher aucun événement.

Quelle est la différence entre transition et animation en CSS3

L'attribut d'animation est similaire à la transition. Ils modifient tous deux la valeur de l'attribut de l'élément au fil du temps. La principale différence est :

. (Vidéo d'apprentissage Partager : Tutoriel vidéo CSS)

La transition doit déclencher un événement pour modifier ses propriétés CSS au fil du temps ; l'animation peut également être explicitement modifiée sans déclencher aucun événement. les propriétés CSS des éléments pour obtenir un effet d'animation.

1) L'animation ne nécessite pas de déclenchement d'événement, contrairement à la transition.

2) Il n'y a qu'un seul ensemble d'images clés de transitions (deux : début-fin), et plusieurs animations peuvent être définies.

Recommandations associées : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal