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

3 votes291 views2 answers
Css overflow y 3 dots
CSS
9 votes286 views1 answer
Perfect full page background image
CSS
0 vote292 views1 answer
Css cut lines
CSS
0 vote359 views1 answer
How to slow down hover effect css
CSS
0 vote302 views1 answer
Write the CSS styling inside the HTML page
CSS
1 vote322 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS
0 vote323 views1 answer
Box shadow 2 sides only
CSS
0 vote307 views1 answer
Add glow to image css
CSS
40 votes338 views4 answers
Center on page css
CSS
7 votes307 views4 answers
Css crop image
CSS