Membuat Ripple Click dengan CSS

23/08/2016    Maykhel David    1485     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More