TransitionEvent

Интерфейс TransitionEvent представляет события, предоставляющие информацию, связанную с переходами.

TransitionEvent()

Создаёт событие TransitionEvent с заданными параметрами.

Также наследует свойства от своего родителя Event.

TransitionEvent.propertyName Только для чтения

Строка, содержащая имя CSS свойства, связанного с переходом.

TransitionEvent.elapsedTime Только для чтения

Значение, указывающее продолжительность перехода в секундах, когда это событие было сгенерировано. Это значение не зависит от свойства transition-delay.

TransitionEvent.pseudoElement Только для чтения

Строка, начинающаяся с ::, содержащая имя псевдоэлемента, на котором выполняется анимация. Если переход выполняется не на псевдоэлементе, а на элементе, то значение — пустая строка: ''.

transitioncancel

Событие Event, которое генерируется, когда CSS переход был отменён.

transitionend

Событие Event, которое генерируется, когда CSS переход завершил воспроизведение.

transitionrun

Событие Event, которое генерируется, когда CSS переход создан (то есть когда он добавлен в набор активных переходов), но не обязательно запущен.

transitionstart

Событие Event, которое генерируется, когда CSS переход начал переход.

Также наследует методы от своего родителя Event.

• Использование CSS переходов
• CSS свойства: transition, transition-delay, transition-duration, transition-property, transition-timing-function
• CSS правила: @starting-style