Transitions

Overview

CSS Transitions are more performant method for animation with using dependencies. Any CSS property that have a numerical value can be transitioned.

Read

• An Interactive Guide to CSS Transitions

Practice Pens

• Review :hover state

• Review :active state

• transition-property

  • multiple properties

• transition-duration

• `transition-delay

• transition-timing-function

Additional References

• Transitions (Web.Dev)

• Animatable

• Transition property (CSS Tricks)