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

128 votes181 views5 answers
Randint
CSS
27 votes154 views4 answers
Unselectable text css
CSS
18 votes162 views6 answers
Text outline css
CSS
1 vote155 views1 answer
Css select with attribute
CSS
0 vote239 views1 answer
Feature detect css
CSS
3 votes100 views1 answer
Make item apper at the center of div
CSS
1 vote138 views1 answer
Mirror css a pseudo :after or :before
CSS
2 votes183 views1 answer
Size carousel bootstrap 4
CSS Bootstrap
34 votes145 views4 answers
Css hide element
CSS
19 votes143 views3 answers
Keyframes
CSS