Create ripple effect for your buttons!
-
Updated
Apr 25, 2023 - JavaScript
Create ripple effect for your buttons!
Created a button with a ripple effect using HTML, CSS, and JavaScript. This adds interactivity to the webpage and uses CSS ::before pseudo-elements and transform to create the ripple circle, while JavaScript calculates the position of the user's mouse and updates the CSS custom properties used for the ripple animation.
Add a description, image, and links to the button-ripple topic page so that developers can more easily learn about it.
To associate your repository with the button-ripple topic, visit your repo's landing page and select "manage topics."