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 vote197 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
6 votes296 views2 answers
How to make a division center css
CSS
0 vote199 views2 answers
To convert categorical data to numerical
CSS
0 vote250 views1 answer
Choose grid position html
CSS
2 votes230 views1 answer
Textarea only one line
CSS
0 vote209 views1 answer
Removing default background color of html input
CSS
23 votes199 views4 answers
Gradient border css
CSS
0 vote195 views1 answer
Html invisible hr
CSS
1 vote205 views1 answer
Var minus scss
CSS
1 vote185 views3 answers
Background image in css is not working
CSS