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:
