The style animation property makes it possible to animate transitions from one CSS style to another CSS style. It configures the timing, delay, duration and other details of how the sequence of animation should progress. The animation contains two components, one is CSS describing the component and another is a set of keyframes that indicate the start and end states of styles.
It is used to return the animation property
It is used to set the animation property
object.style.animation="name duration timingFunction delay
iterationCount direction fillMode playState"
animationName: Describes the name of the keyframe attached to the selector.
animationDuration: Describes the time how long an animation takes place.
animationTimingFunction: Describes the speed of the animation.
animationDelay: Describes the delay before the animation will start.
animationIterationCount: Describes the number of times an animation takes place.
animationDirection: Describes if animation should play in reverse on alternate cycles.
animationFillMode: Describes what values to apply when animation ends.
animationPlayState: Describes whether an animation is running or paused.
Return Values: It returns a string value which representing the animation property of an element.
Please Login to comment...