pioug/angular-whimsical-ripple

Angular directive to create ripple effect

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

Preview

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

Usage

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>

Browser compatibility

• Chrome
• Firefox
• Safari 8
• Internet Explorer 11

angular-whimsical-ripple's Issues

Add support for IE

Hi Pal, First of all congratulations for your directive, i have tested it and is the best among the others.

The only bad point is that in IE 11 (and i guess below) i get the next error:

I was wondering if you have in mind add support for IE :)