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