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

1 vote112 views1 answer
Restrict flex items in a row
CSS
1 vote125 views1 answer
Scss nesting
CSS
1 vote130 views1 answer
Css transform border radius
CSS
0 vote124 views1 answer
How to make a div in top left in css
CSS
8 votes121 views1 answer
Css wordwrap
CSS
0 vote125 views1 answer
How to make my list unstyled
CSS
1 vote125 views1 answer
Css after not working
CSS
0 vote128 views1 answer
Border radius circle button
CSS
2 votes148 views4 answers
Sieve of eratosthenes
CSS
5 votes131 views5 answers
Css disable zoom on mobile
CSS