Membuat Ripple Click dengan CSS

Hallo teman-teman pada artikel kali ini saya akan memberikan satu trik tentang bagaimana cara membuat efek ripple click dengan CSS. Pada artikel sebelumnya saya juga sudah pernah membahas tentang  bagaimana cara mebuat effek ripple click dengan bantuan javascript. Kali ini saya akan coba menggunakan css.

Disini saya akan membuat sebuah tombol menggunakan tag dengan class .button

 

 

Lalu saya berikan style seperti ini

 

Selanjutnya saya akan berikan pseudo class after dan active,

fungsi dari class ini saya buat menjadi konten tambahan bagi elemen parentnya dan memberikannya efek membesar ketika tombol di klik

 

untuk lebih jelasnya saya sudah berikan demo dibawah ini

23 Agustus 2016

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