Wednesday, February 9, 2011

The Shapes of CSS

Rendering shapes with CSS

Try with the below css properties to get the OVEL shape

CSS Code

<style type="text/css">

#ovalShape {
width:200px;
height:100px;
background:#0f0;
-moz-border-radius:100px / 50px;
-webkit-border-radious:100xp / 50px;
border-radius:100px / 50px
}
</style>


HTML Code

<div id="ovalShape" ></div>