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 vote228 views1 answer
Animating a text in css
CSS
0 vote228 views2 answers
Fix materialize form label not working
CSS
0 vote194 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
0 vote184 views1 answer
Poner en input signo dolar con css
CSS
0 vote211 views1 answer
Css grow
CSS
0 vote190 views1 answer
Html5 video hide progress bar
CSS
0 vote203 views2 answers
Background image path
CSS
0 vote188 views1 answer
Css mauszeiger ändern
CSS
5 votes216 views2 answers
Css transform transition
CSS
0 vote199 views1 answer
Css animated cross mark
CSS