Лучшее руководство по CSS3 свойства анимации в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,грамматика,Статьи по Теме,
CSS3 свойства анимации
примеров
Используйте сокращенную свойство анимации для связывания элемента <div>:
ДИВ
{
анимация: mymove 5 лет бесконечный ; - Webkit-анимация: mymove 5 лет бесконечный ; / * Safari и Chrome * /
}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
По умолчанию: | доли не имеет 0 легкость 0 1 нормальный |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | Объект .style.animation = "mymove 5s бесконечное" |
грамматика
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
значение | объяснение |
---|---|
анимация имя | Задает имя на обязательность для выбора ключевых кадров |
анимация-продолжительность | Анимация Определяет, сколько секунд или миллисекунд |
анимация-временная функция | Как настроить анимацию завершит цикл |
анимации задержки | Анимационные перед началом интервала задержки. |
анимация-итерация подсчета | Определить воспроизведения анимации. |
анимация-направление | Указывает, следует ли повернуть назад анимацию. |
анимационная-фасовочно-режим | Положения, когда анимация не играет (когда анимация завершена, или когда есть задержка в анимации не начинает играть), который должен быть применен к элементу стиля. |
анимация-плей-состояние | Определяет, будет ли анимация работает или приостановлена. |
начальная | Установите свойство в значение по умолчанию. Прочтите информацию о начальной. |
унаследовать | Свойства, унаследованные от родительского элемента. Прочтите информацию о initinherital. |
Статьи по Теме
CSS3 учебник: CSS3 Анимация