Effets d'animation en CSS

L'animation est le processus de création d'effets de mouvement et de modification de l'apparence. CSS prend en charge différents effets d'animation pour modifier le mouvement des événements.

Sous Animation, un concept d'images clés est utilisé. Les images clés contrôleront les étapes d’animation intermédiaires dans CSS3.

L'exemple ci-dessous affiche la hauteur, la largeur, la couleur, le nom et la durée de l'animation en utilisant la syntaxe d'image clé -

Syntax

@keyframes animation {
   from {background-color: pink;}
   to {background-color: green;}
}

div {
   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: animation;
   animation-duration: 5s;
}

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!