How To Create Ripple Animation Button In HTML CSS And Javascript | letsbug
Hi, today we are creating a ripple animation on a button using HTML CSS and Javascript. We are going to implement this feature in a way that we can use the code multiple times basically D.R.Y. Ripple Animation Button code: index.html <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta http-equiv= "X-UA-Compatible" content= "IE=edge" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <title> ripple Effect </title> <link rel= "stylesheet" href= "./style.css" > <script src= "./script.js" defer ></script> </head> <body> <button class= "ripple-btn" > CLICK me </button> <button class= "ripple-btn" > hello </button> </body> </html> styles.css * { margin : 0 ; padding : 0