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 vote357 views1 answer
Style image so it crops
CSS
0 vote413 views1 answer
Vertical align x horizontal
CSS
9 votes345 views3 answers
How to add a background color in css
CSS
5 votes368 views1 answer
How to center with translate
CSS
0 vote359 views1 answer
Images css in react native fir in container
CSS
0 vote385 views1 answer
How to use css transform matrix
CSS
5 votes361 views3 answers
Css window height
CSS
2 votes389 views1 answer
Css image overflow
CSS
0 vote434 views1 answer
Wordpress clear cache command line
CSS
1 vote385 views2 answers
Selector css
CSS