CSS анимация
Определение и использование
Некоторые свойства CSS являются анимируемыми , что означает, что их можно использовать в анимации и переходах.
Анимируемые свойства могут постепенно меняться от одного значения к другому, например, размер, числа, процент и цвет.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает анимацию CSS.
Цифры, за которыми следует -webkit-, -moz- или -o-, указывают на первую версию, которая работала с префиксом.
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- |
Пример
Анимируйте фоновый цвет с красного на синий:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Анимируемые свойства
Эти свойства можно анимировать в CSS: