Trik Membuat Paper Layer dengan Box Shadow

Hallo dumenity, latihan kali ini kita akan membuat sebuah efek paper layer. Efek ini merupakan tumpukan layer yang terlihat seperti tumpukan kertas atau buku. Tumpukan ini biasanya dibuat dari beberapa elemen yang sengaja diatur secara menumpuk. Tentu kita tidak perlu membuat elemen tersebut sebab ada cara cepat untuk membuat paper layer.

Cukup dengan menggunakan box shadow dengan value yang berbeda maka efek ini akan tercipta. Berikut kode HTML-nya.

Terdapat satu elemen div dengan nama class paper. Simpan kode HTML diatas kemudian tambahkan style seperti berikut.

Perhatikan pengaturan box shadow diatas. Terlihat pengaturan shadow untuk beberapa layer. Berikut hasilnya.