Membuat Hover Shadow Dengan CSS3

06/04/2015    Fachrul Ahaddin    1640     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More