Rainbow gradient with only 2 colors?!

This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).

CSS gradients can now create rainbow effects using just two color stops by leveraging color interpolation options. By specifying a color space (like HSL, LCH, or OKLCH) and using the 'longer hue' keyword, browsers will traverse the color wheel the long way around instead of taking the default shortest path, eliminating the need for multiple manual color stops.

1m watch time

Sort: