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

1 vote332 views1 answer
Span nowrap
CSS
0 vote328 views1 answer
Odoo search
CSS
0 vote338 views1 answer
Css geight
CSS
17 votes392 views2 answers
Linking css
CSS
0 vote314 views1 answer
Which CSS property is used to add shadow to an element?
CSS
-1 vote351 views1 answer
Tailwindcss top
CSS
0 vote341 views3 answers
Static backdrop
CSS
0 vote331 views1 answer
Css bottom:0 isnt the bottom of the page
CSS
12 votes393 views1 answer
Css curve table border
CSS
-2 votes362 views1 answer
Css add a shadow beneath text
CSS