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 vote329 views1 answer
Css in head or body
CSS
3 votes317 views1 answer
Learn css animation
CSS
1 vote328 views1 answer
Edit hover with sass
CSS
0 vote333 views1 answer
Wrap text around circle image css
CSS
0 vote398 views2 answers
Fix materialize form label not working
CSS Materialize
0 vote326 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote395 views1 answer
Wordpress clear cache command line
CSS
1 vote326 views2 answers
Style input number arrows
CSS
32 votes349 views6 answers
Css font face
CSS
0 vote313 views1 answer
React how to wrap
CSS