DEV Community

Discussion on: How to Build a Color Wheel with Tints & Shades

Collapse
 
madsstoumann profile image
Mads Stoumann • Edited

Nice! But it has the same issue on Chrome (MacOS), as I encountered - the edges are blurry :-(
That's why I went the svg-way, although the CSS-way is way simpler!
Looks great in Safari, though!

blurry

Collapse
 
afif profile image
Temani Afif • Edited

yes it's a known issue when the gradient contain a lot of color stops. You can fix it by using multiple background instead: codepen.io/t_afif/pen/VwPqEmr

Thread Thread
 
madsstoumann profile image
Mads Stoumann

Wow! I'm super-impressed - also at the speed you've been making these demos!