16. CSS variables, hover and transitions

Lesson 16

CSS variables, hover and transitions

Unlock this lesson

Create a free account, then buy the course to open every lesson.

What you will learn in this lesson

  • Store a color once and use it everywhere with a CSS variable.
  • Change a button when the mouse is over it.
  • Show a clear outline when someone uses the keyboard.
  • Animate a change with a transition.
  • Add a dark mode that follows the user's device.

70 minutes Lesson 16 of 30

Everything in Web Foundations

  • 30 step-by-step lessons
  • 3 mini projects with solutions
  • A final project for your portfolio
  • Real commands and real output in every lesson
  • Practice task with a solution in each lesson
  • Progress saved to your account