Cara Membuat Efek Hover Icon Pada Button Menggunakan CSS3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan mengajarkan bagaimana caranya membuat efek hover icon pada button menggunakan CSS3. Cara membuatnya sangat mudah sekali, pertama kalian harus siapkan beberapa bahan seperti file iconnya, kalian bisa download file iconnya di website FontAwesome atau di website-website lainnya. Langkah selanjutnya kalian bisa buat satu file dengan nama index.html, dan ketikan baris program di bawah ini.

Untuk CSS nya kalian bisa ikutin baris program yang ada di bawah ini.

Nah untuk membuat efek hover icon pada button ini, kita menggunakan efek CSS 3 yaitu transform, di mana ketika kita arahkan kursor ke button maka icon akan berubah menjadi besar sesuai nilai transform yang kalian berikan di CSS nya.

Berikut adalah hasilnya.

Cukup mudah bukan teman-teman, sekian dulu tutorial dari saya sampai ketemu di tutorial berikutnya ya teman-teman, Terima Kasih.