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

10 votes111 views4 answers
Wp_enqueue_style
CSS
7 votes104 views2 answers
Fira code
CSS
0 vote103 views1 answer
Custom select dropdown css only codepen
CSS
0 vote117 views1 answer
Bottom gradient
CSS
104 votes116 views6 answers
Media screen
CSS
1 vote106 views1 answer
Css 100% -20px
CSS
31 votes105 views3 answers
How to change the width of a background image in css
CSS
198 votes242 views6 answers
How to add css in html
CSS
0 vote95 views1 answer
Get postfix version
CSS
0 vote95 views1 answer
Sweet alert modal form
CSS