Sunday, November 20, 2011

css3 round corner box

Below is the simple code to create round corner box. Let we have to make our header block round corner.

.header {
color:#fff;
background:#000;
width:35px;
height:60px;
text-align:center;
font-size:0.7em;
padding:3px 0 0 0;

opacity: 0.5;filter:alpha(opacity=50);zoom:1;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:0px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:0px;

}

No comments: