https://github.com/blivesta/rippler

:construction_worker: Effect that spreads like a wave in touch or click.
https://github.com/blivesta/rippler

Last synced: 2 days ago
JSON representation

:construction_worker: Effect that spreads like a wave in touch or click.

• Host: GitHub
• URL: https://github.com/blivesta/rippler
• Owner: blivesta
• Created: 2014-08-03T07:16:48.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2017-04-17T12:20:07.000Z (over 7 years ago)
• Last Synced: 2024-05-09T14:19:40.937Z (8 months ago)
• Language: JavaScript
• Homepage: http://git.blivesta.com/rippler/
• Size: 581 KB
• Stars: 344
• Watchers: 25
• Forks: 59
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Bower version](https://badge.fury.io/bo/rippler.svg)](http://badge.fury.io/bo/rippler)

[![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/)

Rippler

==================

Effect that spreads like a wave in touch or click.  

You can also use the buttons on the bootstrap.  

![demo image](./docs/assets/images/sample.gif)

## Example & Installation

http://blivesta.github.io/rippler

## Sidenote 

Due to click errors on firefox and safari is rippler using 0 for default effectSize!

```

$(document).ready(function() {

  $(".rippler").rippler({

    effectClass      :  'rippler-effect'

    ,effectSize      :  0      // Default size (width & height)

    ,addElement      :  'div'   // e.g. 'svg'(feature)

    ,duration        :  400

  });

});

```

## License

MIT license.