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

0 vote93 views1 answer
Css different rules on different devices
CSS
1 vote105 views1 answer
Scroll bottom css
CSS
1 vote134 views3 answers
How to place a table in center in css
CSS
0 vote141 views1 answer
After before effect in css
CSS
0 vote110 views1 answer
How to resize img in css
CSS
8 votes113 views2 answers
Center div vertically tailwind
CSS
18 votes120 views6 answers
Install bootstrap angular 9
CSS
0 vote118 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
0 vote120 views1 answer
Css add margin to a particular div in print screen
CSS
2 votes59 views1 answer
How to disable div onclick in javascript
CSS