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.

Trik-Membuat-Paper-Layer-dengan-Box-Shadow

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

Trik-Membuat-Paper-Layer-dengan-Box-Shadow

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

Trik-Membuat-Paper-Layer-dengan-Box-Shadow

 

30 Desember 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat