CSS3 Transitions

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

transitionevent api: propertyname

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 property: transition: `transition-behavior` value

css property: view-transition-class

css property: view-transition-class: none

css property: view-transition-group

css property: view-transition-group: contain

css property: view-transition-group: nearest

css property: view-transition-group: normal

css property: view-transition-name

css property: view-transition-name: match-element

css property: view-transition-name: none

css property: view-transition-scope

css property: view-transition-scope: all

css property: view-transition-scope: none

css property: width: `@keyframe` animatable and transitionable

css property: zoom: `@keyframe` animatable and transitionable