CSS ReferencesLesson #217
CSS Animatable
Some CSS properties are *animatable*, meaning that they can be used in animations and transitions.
Definition and Usage
Some CSS properties are animatable, meaning that they can be used in animations and transitions.
Animatable properties can change gradually from one value to another, like size, numbers, percentage and color.
Browser Support
The animation properties are supported in all modern browsers.
The numbers in the table specifies the first browser version that fully support CSS animations.
| 43 | 10 | 16 | 9 | 30 |
Example
Example Code
css@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}Animatable Properties
These properties are animatable in CSS:
Interactive Code Examples
CSS Example 1
cssInteractive runnable CSS example from EA Academy.
Live Output Preview: