View Transitions (cross-document)

Provides a mechanism for easily creating animated transitions between different DOM states, while also updating the DOM contents in a single step. This API is specific to cross-document transitions.

CSS3 Transitions

Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

PageTransitionEvent

Fired at the Window when the page's entry in the session history stops being the current entry. Includes the `pageshow` and `pagehide` events.

View Transitions API (single-document)

Provides a mechanism for easily creating animated transitions between different DOM states, while also updating the DOM contents in a single step. This API is specific to single-document transitions.

element api: `transitionrun` event

navigation api: transition

transitionevent api

transitionevent api: elapsedtime

transitionevent api: propertyname

transitionevent api: pseudoelement

transitionevent api: `transitionevent()` constructor

css property: transition

css property: transition-behavior

css property: transition-behavior: allow-discrete

css property: transition-behavior: normal

css property: transition-behavior: transitions `content-visibility` property when set to `allow-discrete`

css property: transition-behavior: transitions `display` property when set to `allow-discrete`

css property: transition-delay

css property: transition-duration

css property: transition-property

css property: transition-property: all

css property: transition-property: `ident` value

css property: transition-property: none

css property: transition-timing-function

css property: transition-timing-function: ease

css property: transition-timing-function: ease-in

css property: transition-timing-function: ease-in-out

css property: transition-timing-function: ease-out

css property: transition-timing-function: `jump-` keywords for `steps()`

css property: transition-timing-function: linear

css property: transition-timing-function: step-end

css property: transition-timing-function: step-start

css property: transition: all

css property: transition: allow-discrete

css property: transition: ease

css property: transition: ease-in

css property: transition: ease-in-out

css property: transition: ease-out

css property: transition: gradients can be animated

css property: transition: linear

css property: transition: none

css property: transition: normal

css property: transition: step-end

css property: transition: step-start

css selector: `::after`: animation and transition support

css selector: `::before`: animation and transition support

css selector: `::marker`: animation and transition support