UNPKG

css-ripple-effect

Version:

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

mladenplavsic.github.io/css-ripple-effect/

mladenplavsic/css-ripple-effect

14 lines (8 loc) • 626 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 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. ![CSS ripple effect example](https://github.com/mladenplavsic/css-ripple-effect/raw/master/resources/example-css-ripple-effect.gif "CSS ripple effect example") [Demo](http://mladenplavsic.github.io/css-ripple-effect/) Supporters ========== - **BrowserStack**: Live, Web-Based Browser Testing https://browserstack.com