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 vote157 views1 answer
Devextreme css
CSS
0 vote166 views1 answer
Css animate svg circle radius
CSS
0 vote161 views1 answer
Imporatn css
CSS
0 vote154 views1 answer
Material form css
CSS
6 votes163 views3 answers
How to make rounded corners in css with images
CSS
1 vote179 views1 answer
Css scrollbar always visible
CSS
18 votes174 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote153 views1 answer
Jquery if css property is
CSS
3 votes157 views1 answer
Background image css django
CSS
-1 vote204 views2 answers
How to scroll fixed position
CSS