angular-whimsical-ripple is a Angular directive to create a ripple effect.

http://pioug.github.io/angular-whimsical-ripple

1. Install package via bower:

  bower install --save angular-whimsical-ripple

2. Embed the script in your HTML file:

  <script src="whimsicalRipple.js"></script>

3. Load whimsicalRipple as a module dependency of your Angular application:

  angular.module('demoRipple', ['whimsicalRipple']);

4. Use the HTML class ripple (and ripple-light) to create a ripple effect on a clickable element:

  <a class="ripple">Link #1</a>
  <a class="ripple ripple-light">Link #2</a>

• Chrome
• Firefox
• Safari 8
• Internet Explorer 11