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

-2 votes116 views2 answers
Outline-radius css
CSS
5 votes107 views3 answers
Css window height
CSS
0 vote107 views1 answer
Bootstrap progress bar animation not working
CSS
-1 vote110 views1 answer
Css display contents
CSS
0 vote105 views1 answer
Html css drow line
CSS
0 vote121 views1 answer
How to add css to alt attribute text
CSS
0 vote95 views2 answers
Linear gradient and url css
CSS
12 votes100 views4 answers
Padding in one line
CSS
0 vote103 views2 answers
Css prevent scrolling behind overlay
CSS
0 vote98 views1 answer
Scss @content
CSS