Practical CSS 3.0 Styles

Border Radius- IE9 , FF3.6+ , Chrome Beta , Safari , Opera


/*Rounded Corners Look and Feel*/
.radius{
border-radius:10px; /*IE9*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
}


Dropshadow- IE9 (maybe), FF3.6+ , Chrome Beta , Safari


/*Webkit and Geko based shadow*/
.shadow{
box-shadow: 8px 8px 8px 4px #888; /*IE9*/
-webkit-box-shadow: 8px 8px 8px 5px #888;
-moz-box-shadow: 8px 8px 8px 4px #888;
}


Opacity / Alpha- IE9 , FF3.6+ , Chrome Beta , Safari , Opera


/*Opacity / Alpha*/
.alpha{
filter:alpha(opacity=80); /*IE6+*/
-moz-opacity:0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
}


Placeholder for Forms- IE9 , Chrome Beta , Safari


<input placeholder="search this site">

(Read more…)