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

12 votes151 views3 answers
Sticky header css
CSS
24 votes164 views4 answers
Use woff2 font in css
CSS
0 vote143 views6 answers
Comments in css
CSS
0 vote157 views1 answer
Deep selector
CSS
0 vote148 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote191 views1 answer
Css beutify scroller
CSS
0 vote202 views2 answers
Not clickable css
CSS
0 vote156 views1 answer
When grepper whas created
CSS
5 votes166 views1 answer
Disregard incoming git pull and return to last commit
CSS
3 votes153 views1 answer
Css image fit in div with aspect ratio
CSS