The animation-nameCSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.
The CSSKeyframeRule interface describes an object representing a set of style for a given keyframe. It corresponds to the contains of a single keyframe of a @keyframesat-rule. It implements the CSSRule interface with a type value of 8 (CSSRule.KEYFRAME_RULE).
The CSSKeyframesRule interface describes an object representing a complete set of keyframes for a CSS animation. It corresponds to the contains of a whole @keyframesat-rule. It implements the CSSRule interface with a type value of 7 (CSSRule.KEYFRAMES_RULE).
The animation-play-stateCSS property determines whether an animation is running or paused. This can be queried to determine whether or not the animation is currently running. In addition, its value can be set to pause and resume playback of an animation.