HSL Color cycling with CSS

5 years ago | #CSS #Javascript #Motion

Transitioning from one color to another with CSS is easy, but results can be improved with this simple trick.

By adding more keyframes in between, you get a smoother transition between the start and end color that looks way better.

Check out the proof-of-concept showcase
Take a look at Sweep.js, an actual implementation