Search within TutorialsPark

CSS3 @keyframes Property


To specify one or more keyframes for an animation.


Definition and Notes.

1. The CSS3 @keyframes selector is used to the indicate the percentage along the duration of the animation that the keyframe represents.

2.The selector for the starting frame can be either keyframe 0% or the keyword from.

2.The selector for the ending frame can be either keyframe 100% or the keyword to. Rest all other selectors must be percentages


Syntax:

CSS3 @keyframes property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-If using percentage value, the percentage sign(%) after the number is a must, or else the selector is invalid.

Property Values

Value Description
@keyframes A selector to specify one or more keyframes for an animation.
name Name of the Animation.
styles To specify the CSS properties at a particular keyframe.

Related Examples.