Langsung ke konten utama

Postingan

Menampilkan postingan dari September, 2016

Membuat Efek Ripple Berbasis Material Design Menggunakan jQuery

Pada kesempatan kali ini saya akan membahas tentang bagaimana cara membuat efek ripple seperti yang ada pada Google Material Design. Disini saya menggunakan jQuery untuk mempermudah dalam pembuatan efek ripple, versi yang saya gunakan adalah versi 1.9.1. Saya akan sedikit menjelaskan keseluruhan konsep yang akan digunakan dalam pembuatan efek ripple ini. Jadi ketika sebuah element HTML di klik kita akan menambahkan element baru dimana nantinya di dalam element baru ini terdapat element yang akan kita ingin beri efek. Element baru yang dibuat ini nantinya akan di berikan efek scale dengan warna background tertentu, dan ketika klik mouse selesai efek akan di fade-out(dipudarkan). Pertama-tama kita akan membuat element yang akan kita beri efek, buatlah file baru beri nama index.html . <html> <head> </head> <body> <h1> Ripple Click Effect</h1> <ul> <li><a class="ripple" href="#">Dashboard</a></li> <li...