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

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

王林
王林original
2020-11-11 16:43:175103parcourir

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!

Déclaration:
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