Experimental
Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
AnimationEvent - это интерфейс представляющий события, содержащии информацию, связанную с анимацией.
Свойства
Также свойства наследуются от родителя Event
.
AnimationEvent.animationName
Только для чтения- Является
DOMString
создержащей значенияanimation-name
CSS свойств связанных с transition. AnimationEvent.elapsedTime
Только для чтения- Является числом с плавающей точкой, которое задаёт коливество времени от начала анимации в секундах, когда это событие отклоненно, несмотря на какое-либо время анимация была остановленна.Для события "animationstart" , elapsedTime равно
0.0 если не было заданно отрицательное значение для
animation-delay
, в этом случае событие будет срабатывать с elapsedTime содержащим(-1 *
delay)
. AnimationEvent.pseudoElement
Только для чтения- Является
DOMString
, начинающийся с '::', содержащий имя псевдо-элемента ,на котором работает анимация.Если анимация не работает на псевдо-элементе, но работает на элементе,значит указанна пустая строка ' '. -
Конструктор
AnimationEvent()
- Создаёт событие AnimationEvent с передачей параметров.
Методы
Также наследуют методы от родителя Event
.
AnimationEvent.initAnimationEvent()
- Инициализирует AnimationEvent созданную используя резко суждённый метод
Document.createEvent("AnimationEvent")
. -
Спецификация
-
Спецификация Статус Комментарий CSS Animations Level 1
Определение 'AnimationEvent' в этой спецификации.Рабочий черновик Определяет инициализацию
Поддержка браузерами
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Характеристика | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Базовая поддержка |
1.0 webkit 43.0 |
6.0 (6.0) | 10.0 | 12 o 12.10 15.0 webkit |
4.0 webkit |
Конструктор AnimationEvent() |
43.0 |
23.0 (23.0) | Нет | Нет | Нет |
initAnimationEvent() |
1.0 | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | 12 | 4.0 |
Псевдо-элемент |
Нет | 23.0 (23.0) | Нет | Нет | Нет |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|
Базовая поддержка | (Да)webkit | 6.0 (6.0) | 10.0 | 12 o 12.10 15.0 webkit |
(Да)webkit | 43.0 |
Конструктор AnimationEvent() |
Нет | 23.0 (23.0) | Нет | Нет | Нет | 43.0 |
initAnimationEvent() |
(Да) | 6.0 (6.0) Removed in 23.0 (23.0) |
10.0 | (Да) | (Да) | Нет |
Псевдо-элемент |
Нет | 23.0 (23.0) | Нет | Нет | Нет | Нет |
Смотрите также
- Использование CSS анимации
- Анимация связанных CSS свойств и по правилам:
animation
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
.