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

39 votes176 views2 answers
Css z index
CSS
0 vote146 views1 answer
Mac input shadow
CSS
0 vote136 views1 answer
Css animation click
CSS
0 vote155 views1 answer
Css pixel art
CSS
6 votes140 views6 answers
How to properly install tailwind css in react
CSS
0 vote151 views4 answers
Background image stretch to fill
CSS
2 votes150 views1 answer
Css image transform flip mirror
CSS
6 votes168 views1 answer
Hidden vs visible
CSS
0 vote155 views1 answer
Chrome extension detect copy action
CSS
0 vote151 views1 answer
Cd cover dimensions
CSS