Animation animation, transform Transform, transition Transition

animation: [[Animation-name] | | [Animation-duration] | | [Animation-timing-function] | | [Animation-delay] | | [Animation-iteration-count] | | [Animation-direction]] [, [Animation-name] | | [Animation-duration] | | [Animation-timing-function] | | [Animation-delay] | | [Animation-iteration-count] | | [Animation-direction]] *

[Animation-name]:

retrieves or sets the name of the animation to which the object is applied

[Animation-duration]:

retrieves or sets the duration of an object animation

[Animation-timing-function]:

retrieves or sets the transition type of an object animation

[Animation-delay]:

retrieves or sets the time the object animation is delayed

[Animation-iteration-count]:

retrieves or sets the number of cycles for an object animation

[Animation-direction]:

retrieves or sets whether the object animation moves backwards in the loop

[Animation-play-state]:

retrieves or sets the state of an object animation. The consortium is considering whether to remove the attribute because the state of the animation can be implemented in other ways, such as resetting the style

transform: none | Matrix (<number>,<number>,<number>,<number>,<number>,<number>)? Translate (<LENGTH>[,<LENGTH>])? TranslateX (<length>)? Translatey (<length>)? Rotate (<angle>)? Scale (<NUMBER>[,<NUMBER>])? ScaleX (<number>)? ScaleY (<number>)? Skew (<ANGLE>[,<ANGLE>])? Skewx (<angle>) | | Skewy (<angle>)?

None: No conversion matrix (<number>,<number>,<number>,<number>,<number>,<number>) : Specifying a 2D transformation in the form of a (a,b,c,d,e,f) transformation matrix with six values, equivalent to applying a [a,b,c,d,e,f] transform matrix translate (<length>[, <length>]) : Specifies the 2D translation (2D translation) of the object. The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not provided, the default value is 0translateX (<length>): Specifies the Translatey (<length>) of the object's x-axis (horizontal direction): The translation rotate of the y-axis (vertical direction) of the specified object ( <angle>): Specifies the 2D rotation (2D rotation) of the object, preceded by the definition of the Transform-origin attribute scale (<number>[, <number>]): Specifies the object's 2D Scale (2D scaling). The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not supplied, the value of the first parameter is ScaleX (<number>): Specifies the (horizontal) scaling of the x axis of the object ScaleY (<number>): Specifies the (vertical) scaling of the y-axis of the object skew (< angle> [, <angle>]): Specifies the object skew transformation (skew-cut skew). The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not provided, the default value is 0skewX (<angle>): Specifies the object x axis (horizontal direction) warp Skewy (<angle>): Specifies the y axis of the object (vertical direction) of the warp  

Transform : none | Matrix (<number>,<number>,<number>,<number>,< number>,<number>)? Translate (<LENGTH>[,<LENGTH>])? TranslateX (<length>)? Translatey (<length>)? Rotate (<angle>)? Scale (<NUMBER>[,<NUMBER>])? ScaleX (<number>)? ScaleY (<number>)? Skew (<ANGLE>[,<ANGLE>])? Skewx (<angle>) | | Skewy (<angle>)?

None: No conversion matrix (<number>,<number>,<number>,<number>,<number>,<number>) : Specifying a 2D transformation in the form of a (a,b,c,d,e,f) transformation matrix with six values, equivalent to applying a [a,b,c,d,e,f] transform matrix translate (<length>[, <length>]) : Specifies the 2D translation (2D translation) of the object. The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not provided, the default value is 0translateX (<length>): Specifies the Translatey (<length>) of the object's x-axis (horizontal direction): The translation rotate of the y-axis (vertical direction) of the specified object ( <angle>): Specifies the 2D rotation (2D rotation) of the object, preceded by the definition of the Transform-origin attribute scale (<number>[, <number>]): Specifies the object's 2D Scale (2D scaling). The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not supplied, the value of the first parameter is ScaleX (<number>): Specifies the (horizontal) scaling of the x axis of the object ScaleY (<number>): Specifies the (vertical) scaling of the y-axis of the object skew (< angle> [, <angle>]): Specifies the object skew transformation (skew-cut skew). The first parameter corresponds to the x-axis, and the second parameter corresponds to the y-axis. If the second parameter is not provided, the default value is 0skewX (<angle>): Specifies the object x axis (horizontal direction) warp Skewy (<angle>): Specifies the (vertical) distortion of the y-axis of the object

Animation animation, transform Transform, transition Transition