Circle with 4 colors css

#circle {
  width: 120px;
  height: 120px;
  background: linear-gradient(45deg, lightblue, lightblue), linear-gradient(135deg, lightgreen, lightgreen), linear-gradient(225deg, #F0E68C, #F0E68C) , linear-gradient(225deg, #F08080, #F08080);
  background-size: 50% 50%;
  background-position: 0% 0%, 0% 100%, 100% 0%, 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
}

Similar codes

126 votes280 views5 answers
React Bootstrap css import
CSS Bootstrap
71 votes103 views17 answers
Box -shadow
CSS
0 vote142 views1 answer
How to add a pure css loading spinner
CSS
0 vote144 views1 answer
Css grid auto wrap
CSS
6 votes139 views2 answers
Remove button default border css
CSS
1 vote141 views1 answer
Css selector with text content
CSS
1 vote138 views2 answers
How to align an image left in css
CSS
0 vote187 views1 answer
In a form how to remove the input outerline color or shadow
CSS
13 votes206 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote146 views1 answer
How to apply css on react chartjs
CSS