CSS Rule: @keyframes
[this page | pdf | back links]
The CSS (CSS3) @keyframes rule is the way in which designers
specify animations that use CSS animation
properties. Syntax is as follows:
@keyframes name
{
keyframes-selector {css-styles;}
}
The components are:
|
Descriptor
|
Description / Values
it can take
|
|
name
|
Required. Name of
animation
|
|
keyframes-selector
|
At least one required,
but for an animation to apply you need to include more than one. Percentage
of the animation duration. Acceptable values are:
-
0 to 100%
-
from (is the same as
0%)
-
to (is the same as 100%
|
|
css-styles
|
Required. One or more
CSS style properties.
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties