Лучшее руководство по CSS3 свойства анимации в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,грамматика,Статьи по Теме,
Используйте сокращенную свойство анимации для связывания элемента <div>:
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -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 бесконечное" |
| значение | объяснение |
|---|---|
| анимация имя | Задает имя на обязательность для выбора ключевых кадров |
| анимация-продолжительность | Анимация Определяет, сколько секунд или миллисекунд |
| анимация-временная функция | Как настроить анимацию завершит цикл |
| анимации задержки | Анимационные перед началом интервала задержки. |
| анимация-итерация подсчета | Определить воспроизведения анимации. |
| анимация-направление | Указывает, следует ли повернуть назад анимацию. |
| анимационная-фасовочно-режим | Положения, когда анимация не играет (когда анимация завершена, или когда есть задержка в анимации не начинает играть), который должен быть применен к элементу стиля. |
| анимация-плей-состояние | Определяет, будет ли анимация работает или приостановлена. |
| начальная | Установите свойство в значение по умолчанию. Прочтите информацию о начальной. |
| унаследовать | Свойства, унаследованные от родительского элемента. Прочтите информацию о initinherital. |
CSS3 учебник: CSS3 Анимация