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 vote246 views1 answer
Select tag text align center
CSS
4 votes295 views2 answers
How to remove horizontal scrolling
CSS
7 votes283 views2 answers
Text align justify
CSS
2 votes269 views1 answer
Autofit grid css
CSS
3 votes278 views1 answer
Css transition visibility
CSS
2 votes285 views1 answer
Hover effect button css
CSS
0 vote253 views1 answer
Html align text anchor
CSS
3 votes269 views4 answers
How to remove border on button click
CSS
0 vote276 views1 answer
Color transition time css
CSS
0 vote267 views1 answer
Change the background of an element in a loop using css
CSS