Hallo sahabat Dumet, bertemu lagi dengan hari senin, hari yang sibuk dan semoga hari senin sahabat berkulitas dan bermanfaat yaa….

Pada tulisan kali ini saya akan membahas tentang filter drop-shadow. Kata drop-shadow pasti sudah tidak asing lagi ya di telinga kita. Sama dengan namanya, filter ini berfungsi untuk menambahkan efek shadow atau bayangan pada sebuah objek.

Cara implementasinya sama saja seperti efek filter yang telah kita bahas sebelumnya. Untuk lebih jelasnya silahkan sahabat buat struktur HTML nya seperti berikut.

Membuat Efek Filter Drop Shadow Pada CSS

Kemudian tambahkan style CSS nya seperti berikut ini.

Membuat Efek Filter Drop Shadow Pada CSS-2

Kemudian jalankan pada browser kesayangan sahabat, jangan lupa untuk memastikan bahwa browser sahabat sudah di update pada versi terbaru ya, agar efek filternya bisa berjalan dengan baik. Berikut hasil setelah di jalankan pada browser.

Kemudian jalankan pada browser kesayangan sahabat, jangan lupa untuk memastikan bahwa browser sahabat sudah di update pada versi terbaru ya, agar efek filternya bisa berjalan dengan baik. Berikut hasil setelah di jalankan pada browser.

Semoga dapat mudah dipahami, selamat belajar dan sampai jumpa pada tulisan saya selanjutnya. 🙂