transition.md

transition

The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

Values

Transitions enable you to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.

Examples

transition="font-size 4s 1s"
transition="margin-right 4s, color 1s"
transition="all 0.5s ease-out"