DEV Community

Cover image for Contrast Challenge - CSS animation
Gaya Rabello
Gaya Rabello

Posted on

Contrast Challenge - CSS animation

An ode to contrast

This is a codelab-design experience to show the importance of contrast to usability, accessibility and hierarchy.

Here is a very good article about Contrast.

I implemented this in 2 ways:

  • with CSS animation, randomizing the word in white with JS
  • with a user input to increase and decrease the background size

With CSS animation:


You can see a controlled version by user input here:

Top comments (0)