Kategori Random

Cascading Style Sheets 3

Posted : 20 Mei 2012 | 01:08:00 , Dibaca 1756 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
» Modal Bootstrap tahap III: Membawa kode unik ke modal ( 05 Apr 2017 | 06:24:03 , 1281 hits )
» Modal Bootstrap tahap II : Membawa kode unik ke modal ( 04 Apr 2017 | 07:34:44 , 1137 hits )
» Membuat Template Bootstrap dengan Cepat dan Gampang ( 12 Feb 2016 | 09:00:29 , 5383 hits )
» Trik Zoom Image View pada postingan dengan CSS ( 23 Sep 2015 | 07:05:18 , 2691 hits )
» Membuat Modal Bootstrap PHP ( 19 Mar 2015 | 03:00:11 , 14624 hits )