Kategori Random

Cascading Style Sheets 3

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