animation-name

Specify the name for the @keyframes animation.

Syntax

/*
    animation-name: myAnimation;
*/

Values

keyframename
Specifies the name of the @keyframe you want to bind to the selector.

none
Sets the name to the default value, specifies that there will be no animation.

initial
Sets the property to the default value.

inherit

Sets the property to its inherited value.

Browser Compatibilty

Demos

Have a code example of animation-name? Submit a codepen.io demo and we'll showcase it here ↴