Tuesday, September 3, 2013

How to Make Egg Shape Using CSS

Here full code to make egg shape using only css code.


#egg {
display:block;
width: 126px;
height: 180px;
background-color: red;
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}

Result:

How to Make Egg Shape Using CSS



Disqus Comments