A recreation of the Material Design Button ripple effect.
This repository is based on the article "How to Recreate the Ripple Effect of Material Design Buttons" from Bret Cameron.
Live-demo of the latest state: git.tim-greller.de/btn.
- Include the files in your projects:
<script src="https://tim-greller.de/git/btn/button.js"></script> <link rel="stylesheet" href="https://tim-greller.de/git/btn/button.css">
- Then you can create button elements with the class "ripple-button" and you can add individual styles like colouring and positioning.
<button class="ripple-button">Press me!</button>