RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconMedia IconGit IconSpeaking IconTools Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
notecss

CSS color tip!

Need a rainbow gradient? Let <hue-interpolation> do the work.

.vibrant-rainbow {
  background: linear-gradient(
    to right 
    in hsl      /* vibrant gradient HSL colorspace */
    longer hue, /* hue-interpolation set to longer */
    red, red    /* now red to red goes all the way around */
  );
}
All colors of the rainbow in a gradient from left to right.

Join the conversation on

101 likes
22 reposts
  • Ramsés :prami_pride_rainbow:
  • Benny Powers 🇨🇦️🇮🇱️
  • Elly Loel ✨🌱
  • Matt Wing
  • patak
  • Oliver
  • Peter Pan
  • Ana Tudor 🐯🖤🌻
  • T. Afif @ CSS Challenges
  • Tim
  • Myles
  • Ofelquis Gimenes
  • Lady Murphy
  • 🔥.codes
  • Juan Adrián
  • Sujal Shah ⚡
  • Chromium Developers
  • Tigran 🇦🇲
  • chotus magnificus
  • Alex Lam
  • Konstantin Dankov
  • Christa Dickson

Crawl the CSS Webring?

previous sitenext site
a random site