Answers for "semi colored circle css"

CSS
1

how to create a semi circle in css

div { 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        height: 100px; 
        width: 200px; 
      	border-radius: 150px 150px 0 0; }
Posted by: Guest on February-24-2021
0

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%;
}
Posted by: Guest on May-11-2021

Browse Popular Code Answers by Language