Memberikan Efek Translate dan Box Shadow Pada Menu

Translate merupakan fungsi dari property transform yang digunakan untuk membuat elemen bergerak atau berpindah posisi baik secara vertikal maupun horizontal. Sedangkan box shadow merupakan property CSS yang digunakan untuk membuat bayangan. Box shadow ini juga dilengkapi dengan fungsi radius dan spread. Untuk lebih jelas mengenai fungsi dari translate dan box shadow ini mari ikuti tutorial sebagai berikut :

Tutorial ini membahas tentang bagaimana membuat efek translate dan box shadow terhadap menu website. Pertama silakan buat kode HTML dengan tag section.

Kemudian buatlah style css-nya seperti berikut :

Simpan dan lihat hasilnya.

DEMO DOWNLOAD