Dengan kecanggihan teknologi sekarang ini banyak sekali orang berlomba-lomba untuk membuat seseuatu, khusus nya dibidang desain website, dengan adanya teknologi CSS3 orang dapat dengan mudah mendesain tampilan website semenarik mungkin, contohnya mendesain layout, mendesain dan memberikan efek animasi, serta efek-efek yang lain nya. Salah satunya adalah kita dapat Membuat Gradasi Hover pada Button dengan CSS3, membuat Gradasi Hover pada Button dengan teknologi CSS3 ini sangat mudah sekali, kita hanya perlu menambahkan beberapa properti yang sudah disiapkan oleh CSS3. Berikut adalah langkah-langkah untuk membuat Gradasi Hover pada Button.

Langkah pertama adalah buat satu buah file dengan nama index.html, kemudian ketikan kode HTML berikut ini.

Setelah kode diatas diketikan, langkah selanjutnya adalah mendesain dengan kode CSS3 berikut untuk membuat Gradasi Hover pada Button.

Setelah semua kode diatas diketikan, simpan file nya terlebih dahulu kemudian jalankan dibrowser dan lihat hasil nya. Selesai

Bagaimana, mudah bukan untuk membuat nya ? Baik, itulah tadi tutorial mengenai bagaimana Cara Membuat Gradasi Hover pada Button dengan CSS3, semoga bermanfaat.

Selamat mencoba dan jangan lupa share tutorial ini supaya lebih bermanfaat 🙂

DEMO