Saturday, November 15, 2008

round corner box with alpha

.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;

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

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

}

use this css for round corner with .5 opacity.

1 comment:

Ruth said...

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.


Ruth

http://www.infrared-sauna-spot.info