Animation attributes, animation

Animation attributes, animation

Animation-name: Selector name

Animation-duration: time required to complete the animation

Animation-timing-function: animation speed curve

Value	Description	Test
Linear	The animation speed is the same from start to end.	Test
Bytes	Default value. The animation starts at low speed, then accelerates, and slows down before the end.	Test
Callback-in	The animation starts at low speed.	Test
Timed-out	The animation ends at a low speed.	Test
Memory-in-out	The animation starts and ends at low speed.	Test
Cubic-bezr (N,N,N,N)	Values in the cubic-bezr function. The possible value is a value ranging from 0 to 1.
JavaScript Syntax:	Object. Style. animationTimingFunction = "linear"

Animation-delay: latency before the animation starts

Animation-iteration-count: Number of playbacks

Animation-direction: whether to play the animation in turn

Value	Description	Test
Normal	Default value. The animation should be played normally.	Test
Alternate	The animation should be played in turn in reverse playback.	Test
CSS syntax	Animation-direction: normal | alternate;

 

Case:

<! DOCTYPE html>