Cascading Style Sheets 3 (CSS3)

Cascading Style Sheets atau sering disingkat dengan CSS memang kita akui adalah salah script untuk menampilkan dan membuat website kita menjadi lebih elegan dan cantik. Didalam perkembagannya CSS sudah mengalami banyak perubahan dan peningkatan dibidangnya sendiri hingga yang terbaru sekarang adalah CSS3.

Pada proses tahapan demi tahapan pengembangannya kita dapat melihat jelas perbedaannya dapat terlihat di peningkatan pola script dan pemanggilan scriptnya.

Berikut daftar support browser :

Contoh

Penggunaan Drop Shadow

#tombol_A {
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
#tombol_B {
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}

Penggunaan shadow di dalam "inset"

#tombol_A {
-moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px#888;
box-shadow: inset 0 0 5px 5px #888;
}

Penggunaan border-radius property

#tombol_A {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px black;
-webkit-box-shadow: 5px 5px black;
box-shadow: 5px 5px black;
}

#tombol_B {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}