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

64 votes225 views6 answers
Rotate css
CSS
0 vote221 views1 answer
Transform translate-x ie11
CSS
1 vote270 views1 answer
Mini-css-extract-plugin
CSS
0 vote251 views1 answer
How to use bootstrap color variables in sass
CSS
3 votes248 views4 answers
How to remove border on button click
CSS
0 vote243 views1 answer
Html5 video hide timeline bar
CSS
0 vote241 views1 answer
Css pseudo-class no children
CSS
6 votes248 views4 answers
Backdrop filter css
CSS
1 vote238 views6 answers
Tailwind css in react
CSS
0 vote228 views1 answer
Codebuddysurej
CSS