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 vote163 views1 answer
Make element no styles
CSS
40 votes185 views6 answers
How to write css
CSS
47 votes170 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote176 views1 answer
How to add css to alt attribute text
CSS
0 vote167 views1 answer
Vertical divider between my flexbox
CSS
37 votes165 views4 answers
Select even child css
CSS
-1 vote157 views2 answers
How to add image with url in css
CSS
4 votes173 views5 answers
Placeholder text css
CSS
1 vote177 views2 answers
Customize highlight color website
CSS
0 vote162 views1 answer
Veritical align inline-block checkbox element
CSS