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

1 vote172 views1 answer
Centering items in react css
CSS
-1 vote177 views2 answers
Css make border rotate around element
CSS
0 vote177 views1 answer
Underlined style for a link
CSS
1 vote220 views1 answer
Increase font size zenity
CSS
1 vote184 views1 answer
Css animate border bottom on hover
CSS
2 votes241 views1 answer
Twig ternaire
CSS
0 vote189 views1 answer
Icon float right side input css
CSS
64 votes222 views6 answers
Media queries
CSS
0 vote217 views1 answer
Show modal in bootstrap 4
CSS
1 vote220 views1 answer
Bootstrap col no gaps
CSS Bootstrap