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 vote209 views2 answers
Background Video.module.css'
CSS
0 vote214 views1 answer
How change the text position
CSS
4 votes201 views3 answers
There is no tracking information for the current branch
CSS
-1 vote202 views1 answer
<link>
CSS
0 vote220 views1 answer
Radius to imported icons
CSS
1 vote213 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
18 votes221 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
3 votes212 views2 answers
How to zoom iin by default in html page
CSS
0 vote191 views1 answer
Scroll down style
CSS
0 vote216 views1 answer
Css if child has class
CSS