Membuat Hover Shadow Dengan CSS3

Halo teman-teman, pada kesempatan kali ini saya akan membuat button hover shadow dengan CSS3. Dengan menggunakan box shadow dan sedikit efek animasinya. Oke kita mulai saja, pertama kita buat folder untuk menampung semua file html dan css kita, saya beri nama hover-shadow. Baris HTML dan CSSnya kurang lebih seperti di bawah ini :

See the Pen PwvbYo by fachrul ahaddin (@fachruldumet) on CodePen.

Coba teman-teman arahkan cursor ke button. Maka akan ada efek animasi dengan shadownya. Dalam kasus ini kita menggunakan fungsi "@keyframes" yang ada dalam CSS untuk membuat efek animasinya. Teman-teman bisa dapat pelajari di bagian CSS di baris diatas.

Oke demikian sekilas tentang referensi untuk efek hover. Semoga bisa menjadi inspirasi dan bermanfaat buat teman-teman ya. Terima kasih...