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...

6 April 2015

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