Skip to content
Back to CSS visual treatments and interaction states
PricingLog in

Web development

CSS transitions

Transitions smooth changes between styles, with reduced-motion preferences respected.

4 minutes. No sign-up needed.

Chapter 6: CSS visual treatments and interaction states11 lessons · 40 min
  1. 1CSS background images4 min
  2. 2CSS linear gradients3 min
  3. 3CSS borders and rounded corners3 min
  4. 4CSS box shadows3 min
  5. 5CSS opacity3 min
  6. 6CSS overflow3 min
  7. 7CSS object fitting3 min
  8. 8CSS interaction states4 min
  9. 9CSS pseudo-elements4 min
  10. 10CSS transitions4 min
  11. 11Challenge: CSS visual treatments and interaction states6 min
Go to the chapter

This lesson is part of the Web development course.

Example plan3 lessons · 14 min

CSS pseudo-elements4 min
CSS transitionsCSS visual treatments and interaction states4 min
Challenge: CSS visual treatments and interaction statesCSS visual treatments and interaction states6 min

An example. Your plan follows your answers, so it can start later and end sooner.

Build my plan

Start free, no account needed.