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 vote162 views1 answer
Change link color in wordpress
CSS
0 vote122 views3 answers
Bootstrap grid only css npm install
CSS
0 vote131 views1 answer
Css background image follow scroll
CSS
1 vote305 views2 answers
Css syntax examples
CSS
0 vote127 views1 answer
Css tricks stretch content full witdh
CSS
0 vote142 views1 answer
How to truncate a multiline text using css
CSS
0 vote155 views1 answer
Css custom cursor form image
CSS
1 vote124 views1 answer
React hide scrollbar
CSS
9 votes137 views4 answers
Animation shorthand css
CSS
0 vote132 views1 answer
Shrouded
CSS