Learn Advanced CSS

CSS Functions

body {
  display: flex;
  justify-content: space-around;
}

.conic {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid black;
}


body {
  display: flex;
  justify-content: space-around;
}

.conic {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid black;
  background: conic-gradient(
    gold,
    darkorange,
    crimson,
    rebeccapurple,
    slateblue
  );
}
