Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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%;
}
Comment

PREVIOUS NEXT
Code Example
Css :: text outline css 
Css :: flexbox stretch 
Css :: semibold css 
Css :: border color transparent 
Css :: word wrap in css 
Css :: line break inside content css 
Css :: how to increase height of input box in css 
Css :: sass react 
Css :: vertically center div inside div 
Css :: css button:focus border-radius square 
Css :: css stretch font vertically 
Css :: how to add a class to a paragraph in css 
Css :: comfirm before delete 
Css :: padding clamp 
Css :: css3, media queries cheatSheet 
Css :: scss hover 
Css :: all ipad Resolutio css 
Css :: border-radius cross browser 
Css :: text overflow 
Css :: min padding 
Css :: how to set the scroll in bootstrap4 table body 
Css :: add backdrop to modal css 
Css :: safari overflow-y scroll not working 
Css :: move up on hover css 
Css :: css darkmode 
Css :: align div bottom of parent 
Css :: reset specific css 
Css :: how to set image size without changing aspect ratio in css 
Css :: inline text and image 
Css :: li not first child 
ADD CONTENT
Topic
Content
Source link
Name
1+6 =