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 vote279 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
0 vote283 views1 answer
Center absolute suedo element
CSS
0 vote294 views1 answer
Css grid first child
CSS
3 votes337 views1 answer
C cheat sheet
CSS
0 vote283 views1 answer
Css remove second element
CSS
1 vote351 views1 answer
Css light grey
CSS
0 vote287 views1 answer
Override vuetify container width
CSS
0 vote252 views1 answer
How to use the display property
CSS
1 vote294 views1 answer
CSS3
CSS
0 vote285 views1 answer
Twig date modify
CSS