Material design风格点击波特效 ripplet 插件

<!--默认的点击波效果-->

<button data-ripplet>Default</button>

<!--带参数的点击波效果-->

<button data-ripplet="color: rgba( 64, 192, 255, .2); spreading-duration: 2s; clearing-delay: 1.8s;">天空蓝</button>

ripplet(targetSuchAsMouseEvent, options)

//targetSuchAsMouseEvent: { currentTarget: Element, clientX: number, clientY: number }

//options: 配置参数

{

  className:                '',

  color:                    'rgba(0, 0, 0, .1)',

  opacity:                  null,

  spreadingDuration:        '.4s',

  spreadingDelay:           '0s',

  spreadingTimingFunction:  'linear',

  clearingDuration:         '1s',

  clearingDelay:            '0s',

  clearingTimingFunction:   'ease-in-out',

}

https://github.com/luncheon/ripplet.js