CSS Animation Related Properties
- Previous Page CSS Functions
- Next Page CSS Network Security Font
Definition and Usage
Some CSS properties can be used for animation, which means they can be used in transitions and other effects.
Properties that can be animated can gradually change from one value to another, such as size, numbers, percentages, and colors.
Browser Support
The numbers in the table indicate the first browser version that fully supports CSS animations.
The numbers after -webkit-, -moz-, or -o- indicate the first version of the prefix used.
43.0 4.0 -webkit- |
10.0 |
16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Example
Set an animation to change the background color from red to blue:
@keyframes mymove { from {background-color: red;} to {background-color: blue;}
Animation-related properties
The following table lists the properties related to animations in CSS:
- Previous Page CSS Functions
- Next Page CSS Network Security Font