L'animation CSS3 n'est pas un logiciel. L'animation CSS consiste à changer progressivement les éléments d'un style à un autre, ce qui est réalisé grâce au langage CSS et HTML. L'essence de l'animation CSS est que les propriétés de l'animation peuvent progressivement changer d'une valeur à une autre. , vous pouvez utiliser l'attribut animation avec l'attribut animation pour obtenir des effets d'animation CSS.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
CSS peut animer des éléments HTML sans utiliser JavaScript ou Flash ! .
Qu'est-ce que l'animation CSS
L'animation fait changer progressivement un élément d'un style à un autre.
Vous pouvez modifier autant de propriétés CSS que vous le souhaitez.
Pour utiliser l'animation CSS, vous devez d'abord attribuer quelques images clés à l'animation.
Les images clés contiennent le style d'un élément à un moment précis.
Certaines propriétés CSS sont animables, ce qui signifie qu'elles peuvent être utilisées pour des animations et des transitions.
Les propriétés animées peuvent changer progressivement d'une valeur à une autre, comme la taille, la quantité, le pourcentage et la couleur.
Règles @keyframes
Si vous spécifiez un style CSS dans la règle @keyframes, l'animation passera progressivement du style actuel au nouveau style à un moment précis.
Pour que l'animation fonctionne, l'animation doit être liée à un élément.
L'exemple ci-dessous lie l'animation "exemple" à l'élément
Résultat de sortie :
(Partage de vidéo d'apprentissage :cssTutoriel vidéo,tutoriel vidéo HTML)
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!