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 vote129 views1 answer
Html list over three columns
CSS
0 vote153 views1 answer
Beautiful Cyrillic fonts
CSS
2 votes129 views1 answer
Css click event jquery
CSS
0 vote136 views1 answer
Box-sizing border-box vs content-box css
CSS
14 votes136 views5 answers
Input number hide arrows
CSS
3 votes124 views1 answer
Enter in css
CSS
23 votes122 views5 answers
Center div using flex
CSS
1 vote120 views2 answers
Css animated background
CSS
0 vote124 views1 answer
Html css how to arrange images of different sizes
CSS
25 votes103 views6 answers
Multiple nth child css
CSS