Learn Advanced CSS

CSS Functions

.pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(
    skyblue 0 30%,
    Coral 30% 70%,
    limegreen 70% 100%
  );
}


.pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(
    from 90deg,
    skyblue 0 30%,
    Coral 30% 70%,
    limegreen 70% 100%
  );
}
