Animasi Efek Gradient ini adalah efek perpaduan beberapa warna-warna dalam sebuah object. Sehingga tampilan warna yang dilihat pada object akan terlihat lebih menarik. Dalam kasus kali ini kita akan belajar membuat efek gradient pada button. Jadi saat button dihover maka akan memberikan sebuah efek gradient. Langsung saja ikuti langkah-langkah membuatnya.

Buat struktur html seperti berikut ini:

JIka sudah selanjutnya tinggal memberikan style css agar semakin cantik tampilanya coba ketikkan code dibawah ini:

Baiklah jika sudah simpan code diatas kemudian jalankan pada browser masing-masing. Apabila benar maka saat button dihover akan terlihat efek animasi gradient ya.

saya kira cukup dalam pembahasan artikel kali ini semoga dapat memberikan referensi dalam belajar,sampai jumpa dilain kesempatan dan terima kasih.

WhatsApp chat