Hallo sahabat, senang rasanya tiap hari bisa menulis sesuatu yang semoga bisa menjadi inspirasi sahabat dan tentunya bermanfaat.

Pada tulisan kali ini, saya akan membuat effek box shadow dengan CSS3. Kita mulai saja ya, silahkan sahabat ketikkan kode HTML nya sebagai berikut.

Membuat Effek Box Shadow Pada CSS3

Kemudian berikan style CSS nya sebagai berikut.

Membuat Effek Box Shadow Pada CSS3

Untuk memberikan efek shadownya, silahkan ketikkan pada file CSS nya sebagai berikut.

Membuat Effek Box Shadow Pada CSS3

Membuat Effek Box Shadow Pada CSS3

Setelah selesai, silahkan jalankan file .html nya di browser kesayangan anda. Maka hasilnya akan seperti ini.

Membuat Effek Box Shadow Pada CSS3

Bagaimana? Mudah bukan? Silahkan sahabat berkreasi lagi dengan merubah warna atau posisi shadownya.

Sampai jumpa di tulisan berikutnya 🙂