<div class="my-element"></div>
.my-element {
background: conic-gradient(
gold 20deg,
lightcoral 20deg 190deg,
mediumturquoise 190deg 220deg,
plum 220deg 320deg,
steelblue 320deg
);
border-radius: 50%;
border: 10px solid;
}
/* Presentational styles */
.my-element {
width: 250px;
height: 250px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.