событие animationstart
примеров
Когда CSS анимация начинает играть Добавить как <DIV> элемент принимает события:
// Chrome, Safari и Opera коды
x.addEventListener ( "webkitAnimationStart", myStartFunction);
// Стандартный синтаксис
x.addEventListener ( "animationstart", myStartFunction);
Попробуйте »
Определение и использование
animationstart событие срабатывает, когда CSS анимация начинается воспроизведение.
Подробнее о CSS - анимации, можно найти в нашем CSS3 анимации разделе.
CSS анимация играет, происходят следующие три события:
- animationstart - CSS анимации после триггера запуска
- animationiteration - CSS - код анимации срабатывает повтор
- animationEnd - после завершения запуска CSS - код
Поддержка браузеров
Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.
"Webkit" или "Мос" после определенного числа номер префикса в качестве первой версии для поддержки событие.
событие | |||||
---|---|---|---|---|---|
animationstart | 4.0 WebKit | 10,0 | 16,0 5.0 Мос | 4.0 WebKit | 15,0 WebKit 12.1 |
Примечание: Chrome, Safari и Opera браузеры webkitAnimationEnd префикс.
грамматика
объект .addEventListener ( "animationstart", MyScript ); // Стандартный синтаксис
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener () метод.
технические детали
Независимо от того, чтобы поддержать пузырь: | да |
---|---|
Это может быть отменено: | Нет |
Тип события: | AnimationEvent |
Похожие страницы
Учебник CSS: CSS3 Анимация
CSS Справка: CSS3 свойства анимации
HTML DOM Ссылка: Стиль анимации свойства
объекты событий