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

3 votes181 views1 answer
Css first td
CSS
36 votes152 views6 answers
Css color
CSS
3 votes182 views2 answers
Image overlay in css
CSS
95 votes221 views6 answers
Drop shadow css
CSS
0 vote173 views1 answer
Css hero image
CSS
0 vote200 views1 answer
Deploy truffle project on testnet
CSS
54 votes155 views6 answers
Background color css
CSS
1 vote176 views1 answer
Css border only top and bottom
CSS
6 votes178 views5 answers
Object fit css
CSS
0 vote182 views1 answer
Css align backround image to the right
CSS