Skip to content

Commit

Permalink
readme
Browse files Browse the repository at this point in the history
  • Loading branch information
jakiestfu committed Jan 4, 2015
1 parent 3c3f834 commit e70d704
Showing 1 changed file with 20 additions and 1 deletion.
21 changes: 20 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,33 @@ Include jQuery, the ripple.css, and ripple.js into your page. Then upon initiali

```javascript
$.ripple(".btn", {
on: 'mousedown', // The event to trigger a ripple effect

opacity: 0.4, // The opacity of the ripple
color: "auto", // Set the background color. If set to "auto", it will use the text color
opacity: 0.5 // The opacity of the ripple
multi: false, // Allow multiple ripples per element

duration: 0.7, // The duration of the ripple
easing: 'linear' // The CSS3 easing function of the ripple
});
```

Elements can be overridden with their own default options:
```html
<a href="#" data-duration="5" data-color="red" data-opacity="1">Slow Red Ripple</a>
```

## Building
```bash
$ npm install
$ npm run-script build
$ npm run-script build-watch # To watch assets
```

## Caveats
* The element selected to contain a ripple will gain the following CSS properties:
* `position: relative`
* `transform: translate3d(0,0,0)`

## License
MIT

0 comments on commit e70d704

Please sign in to comment.