animation-name

This property is used to attach an animation (defined using the @keyframes syntax previously) to an element.

snippet

-webkit-animation-name: 'appear';

Note that the quotes around the animation name in both the property value and the @keyframe selector are optional.We recommend including them to keep your styles as legible as possible, and to avoid conflicts.

Related Tutorial

1 Keyframes

2 animation-name

3 animation-duration

4 animation-timing-function

5 animation-iteration-count

6 animation-direction

7 animation-delay

8 animation-fill-mode

9 animation-play-state

10 animation

Try it

http://codeamaze.com

Contents +