Elang Cyber Blog

Be Complete

Membuat radius border dan box shadow dengan css3

Author : » Date : 16 November 2011 » Category : CSS3 » Tags : , » Views : 6163 kali

css3

Dengan adanya CSS3 kita dapat membuat effect radius dan shadow seperti halnya di dalam program Photoshop, hal ini tentunya lebih meringankan beban load pada website, jadi..! tentunya load website kita sedikit lebih cepat dibandingkan menggunakan image / gambar.

Membuat radius border dan box shadow dengan css3 membuat website menjadi dinamis, saya akan berikan beberapa contoh coding yang digunakan untuk menampilkan effect tersebut dalam css3.

Membuat Border Radius:

coding:

div {

border:2px solid #CCC;
border-radius:10px;

}

Membuat Box Shadow :

div
{
box-shadow: 10px 10px 5px #888;
}

Selamat mencoba…

Tutorial ini saya ambil dari w3schools…

Belum ada Komentar.

Tinggalkan Komentar

*
*
-

*