Quelles sont les quatre propriétés liées à l'animation CSS3 ?

Css3 définit quatre attributs associés pour l'animation : 1. Attribut de transformation, utilisé pour appliquer une transformation 2D ou 3D aux éléments ; 2. Attribut de transition, utilisé pour obtenir des effets de transition ; 3. Attribut d'animation, utilisé pour lier l'animation aux éléments. "@keyframes" définit le comportement d'un cycle d'animation.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En général, il n'y a que trois propriétés de l'animation CSS3 : transformation, transition et animation. L'attribut

transformtransform属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transition属性是一个简写属性，用于设置四个过渡属性：

• transition-property

• transition-duration

• transition-timing-function

• transition-delay

animation属性是一个简写属性，用于设置六个动画属性：

• animation-name

• animation-duration

• animation-timing-function

• animation-delay

• animation-iteration-count

• animation-direction

animation 属性需要和@keyframes规则一起使用，才可创建动画。

@keyframesapplique une transformation 2D ou 3D à un élément. Cette propriété nous permet de faire pivoter, redimensionner, déplacer ou incliner l’élément.

La propriété est une propriété abrégée permettant de définir quatre propriétés de transition :

• transition-property

  li>

• durée de transition

• fonction de synchronisation-de transition

• délai de transition

Le

est une propriété raccourcie permettant de définir six propriétés d'animation :

• animation-name

animation -durée
• animation-timing-function
• animation-delay
• animation-iteration-count
• L'attribut animation-direction

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!