Skip to content

Commit e70d704

Browse files
committed
readme
1 parent 3c3f834 commit e70d704

File tree

1 file changed

+20
-1
lines changed

1 file changed

+20
-1
lines changed

README.md

+20-1
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,33 @@ Include jQuery, the ripple.css, and ripple.js into your page. Then upon initiali
1919

2020
```javascript
2121
$.ripple(".btn", {
22+
on: 'mousedown', // The event to trigger a ripple effect
23+
24+
opacity: 0.4, // The opacity of the ripple
2225
color: "auto", // Set the background color. If set to "auto", it will use the text color
23-
opacity: 0.5 // The opacity of the ripple
26+
multi: false, // Allow multiple ripples per element
27+
28+
duration: 0.7, // The duration of the ripple
29+
easing: 'linear' // The CSS3 easing function of the ripple
2430
});
2531
```
2632

33+
Elements can be overridden with their own default options:
34+
```html
35+
<a href="#" data-duration="5" data-color="red" data-opacity="1">Slow Red Ripple</a>
36+
```
37+
2738
## Building
2839
```bash
2940
$ npm install
3041
$ npm run-script build
3142
$ npm run-script build-watch # To watch assets
3243
```
44+
45+
## Caveats
46+
* The element selected to contain a ripple will gain the following CSS properties:
47+
* `position: relative`
48+
* `transform: translate3d(0,0,0)`
49+
50+
## License
51+
MIT

0 commit comments

Comments
 (0)