Material-Button

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.

Demo

Live-demo of the latest state: git.tim-greller.de/btn.

Usage

1. 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">

2. 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>