Basic CSS3 features

• -moz-border-radius = Firefox
• -webkit-border-radius = Safari and Chrome
• -khtml-border-radius = Linux browsers
• border-radius = Generic

/* Drop Shadow */

.shadow {
box-shadow: 3px 3px 3px #000;
-moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
}

/* Text Shadow */

.textshadow {
text-shadow: 3px 3px 3px #000;
}

/* Rounded Corners */

.rounded {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

/* Gradient */

.gradient {
background: -moz-linear-gradient(top, red, blue);
background: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
}