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.

Cara Membuat Efek Hover Icon PAda Button Menggunakan CSS 3

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

Cara Membuat Efek Hover Icon PAda Button Menggunakan CSS 3

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.

21 September 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 Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat