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

238 votes532 views5 answers
Include bootstrap
CSS Bootstrap
41 votes336 views3 answers
Centre align in position absolute
CSS
0 vote444 views1 answer
How to disable li points
CSS
0 vote355 views1 answer
How to create polaroid effect in css
CSS
2 votes340 views1 answer
Transition syntax css
CSS
1 vote418 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
2 votes412 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
1 vote351 views1 answer
Css sticky navigatiojn
CSS
0 vote348 views1 answer
Scroll x css
CSS
0 vote365 views1 answer
Grippy css
CSS