Kategori Random

Cascading Style Sheets 3

Posted : 20 Mei 2012 | 01:08:00 , Dibaca 1503 kali

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

Penggunaan

Postingan Terkait
» Membuat Template Bootstrap dengan Cepat dan Gampang ( 12 Feb 2016 | 09:00:29 , 4003 hits )
» Trik Zoom Image View pada postingan dengan CSS ( 23 Sep 2015 | 07:05:18 , 1816 hits )
» Membuat Modal Bootstrap PHP ( 19 Mar 2015 | 03:00:11 , 12258 hits )
» Bootstrap : Membuat Tab Horizontal ( 20 Feb 2015 | 04:58:20 , 4755 hits )
» Mengenal lebih jauh twitter bootstrap ( 29 Jan 2015 | 12:15:19 , 4229 hits )