CSS animovatelné
Definice a použití
Některé vlastnosti CSS jsou animovatelné , což znamená, že je lze použít v animacích a přechodech.
Animovatelné vlastnosti se mohou postupně měnit z jedné hodnoty na druhou, jako je velikost, čísla, procenta a barva.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje animace CSS.
Čísla následovaná -webkit-, -moz- nebo -o- určují první verzi, která pracovala s předponou.
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- |
Příklad
Animujte barvu pozadí z červené na modrou:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Animovatelné vlastnosti
Tyto vlastnosti jsou animovatelné v CSS: