Menu Home

animation-name

osbo.com | CSS | Properties | animation-name

The animation-name CSS property defines a list of animations that apply. Each name is used to select the keyframe at-rule that provides the property values for the animation.

Syntax

CSS

animation-name: value;

JS

object.style.animationName = "value";

Values

<'animation-name'> = [ none | <keyframes-name> ]#
none

No keyframes are specified at all, so there will be no animation. Any other animations properties specified for this animation have no effect.

<keyframes-name> = <custom-ident> | <string>
<custom-ident>

Specifies any valid identifier that is not misinterpreted as a keyword.

<string>

Specifies a sequence of characters delimited by double quotes (") or single quotes (').

Initial

none

Examples

keyframes-name

none

JS

Internal

animation

animation-delay

animation-direction

animation-duration

animation-fill-mode

animation-iteration-count

animation-play-state

animation-timing-function

External

World Wide Web Consortium (W3C)