CSS3

Skugga på objekt

.skugga {
-moz-box-shadow: 3px 3px 4px #666; /* Firefox F3.5+ */
-webkit-box-shadow: 3px 3px 4px #666; /* Safari 3.0+, Chrome */
box-shadow: 3px 3px 4px #666; /* Opera 10.5, IE9, Chrome 10+ */
}

Rundande hörn
.runda_horn {
-moz-border-radius: 12px; /* Firefiox F1+ */
-webkit-border-radius: 12px; /* Safari 3-4, iOS 1+, Android 1.5+ */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

Övertonad bakgrunder
.gradient_background {
background-color: #cccccc;
background-image: -moz-linear-gradient(top, #cccccc, #666666); /* Firefox 3.6 */
background-image: -ms-linear-gradient(top, #cccccc, #666666); /* Internet explorer10 */
background-image: -o-linear-gradient(top, #cccccc, #666666); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666)); /* Safari4+, Chrome */
background-image: -webkit-linear-gradient(top, #cccccc, #666666); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #cccccc, #666666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#cccccc’, EndColorStr=’#666666′); /* IE6 – IE9 */
}