Определение и использование
Некоторые свойства CSS являются анимируемым, а это означает , что они могут быть использованы в анимации и переходов.
Animatable свойства могут постепенно изменяться от одного значения к другому, как размер, цифры, проценты и цвет.
Поддержка браузеров
Числа в таблице определяет первую версию браузера, которая полностью поддерживает CSS-анимации.
Числа следуют -webkit-, -moz- или -O- указать первую версию, которая работала с приставкой.
| 4.0 -webkit- | 10,0 | 16,0 5,0 -moz- | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -о- |
пример
Анимировать цвет фона от красного до синего:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Попробуй сам " Animatable Свойства
Эти свойства анимируемым в CSS: