Slice and Dice a Disc with CSS

I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be.

Sliced gradient disc.
The first thought was that this should be doable with border-radius, right? Well, no! The thing with border-radius is that it creates an elliptical corner whose ends are tangent to the … Read article
The post Slice and Dice a Disc with CSS appeared first on CSS-Tricks.

Link: https://css-tricks.com/slice-and-dice-a-disc-with-css/