JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div></div>

CSS

div {
    height: 180px;
    width: 180px;
    border-radius: 50%;
    background-image: conic-gradient(red 0deg, red 45deg,
    green 45deg, green 135deg,
    blue 135deg, blue 225deg,
    yellow 225deg, yellow 315deg,
    red 315deg, red 360deg);
}