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