Pure CSS ripple effect (no JavaScript)

CSS-only implementation of Android Material design "ripple" animation on click event

Main advantage of this solution is that there is no DOM manipulation in order to create animation. That means this is faster - it doesn't use JavaScript or jQuery to animate.

This solution is also implemented in one of the biggest Bootstrap theming libraries Bootswatch in their Paper theme.

• Demo
• Bootswatch Paper theme demo
• Bootswatch witn Bootstrap v4-alpha Materia theme demo

Supporters

• BrowserStack: Live, Web-Based Browser Testing https://browserstack.com