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.

csstransition api

csstransition api: transitionproperty

element api: `transitioncancel` event

element api: `transitionend` event

element api: `transitionrun` event

element api: `transitionstart` event

navigation api: transition

pagetransitionevent api

transitionevent api

transitionevent api: elapsedtime

transitionevent api: propertyname

transitionevent api: pseudoelement

transitionevent api: `transitionevent()` constructor

viewtransition api

viewtransition api: ready

viewtransition api: types

css at-rule: `@media`: `-webkit-transition` media feature

css at-rule: `@view-transition`

css property: content-visibility: transitionable when setting `transition-behavior: allow-discrete`

css property: display: transitionable when setting `transition-behavior: allow-discrete`

css property: transition

css property: transition-behavior

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: `jump-` keywords for `steps()`

css property: transition: gradients can be animated

css property: transition: `transition-behavior` value

css property: view-transition-class

css property: view-transition-class: none

css property: view-transition-name

css property: view-transition-name: none

css selector: `:active-view-transition`

css selector: `:active-view-transition-type()`

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

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

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

css selector: `::view-transition`

css selector: `::view-transition-group()`

css selector: `::view-transition-image-pair()`

css selector: `::view-transition-new()`

css selector: `::view-transition-old()`