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