Событие animationstart
Пример animationstart
Сделайте что-нибудь, когда начнется CSS-анимация:
const div1 = document.getElementById("myDIV");
div1.addEventListener("animationstart", myStartFunction);
Попробуйте сами »
Описание animationstart
Событие animationstart происходит, когда CSS анимация запускается..
События анимаций animationstart
| Событие | Происходит, когда |
|---|---|
| animationstart | CSS Анимация началась |
| animationend | CSS Анимация завершена |
| animationiteration | CSS Анимация повторяется |
Свойства анимаций animationstart
| Свойство | Описание |
|---|---|
| animationName | Имя анимации |
| elapsedTime | Количество секунд, в течение которых длилась анимация |
| pseudoElement | Имя псевдоэлемента анимации |
Связные страницы animationstart
Анимация Объект Event
Style Свойство анимации
Учебник animationstart
Технические детали animationstart
| Bubbles: | Да |
|---|---|
| Cancelable: | Нет |
| Тип событий: | AnimationEvent |
| DOM Версия: | События 3 уровня |
Поддержка animationstart
onanimationstart является особенностью DOM уровня 3 (2004).
Он полностью поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |