近來看到個不錯的按鈕點選效果，當點選時産生一次水波漣漪效果，挺好玩的，于是簡單的實作了下(沒考慮低版本浏覽器相容問題)
先看看效果吧，如下圖（錄制gif軟體有點渣，看起來卡卡的...）
這種效果可以由元素内嵌套canves實作，也可以由css3實作。
Canves實作
網上摘了一份canves實作的代碼，略微去掉了些重複定義的樣式并且給出js注釋，代碼如下
html代碼
View Code
css代碼
js代碼
CSS3實作
接下來就是純手打的代碼了...覺得還是css3實作的友善些，可能是css寫習慣了...
就這些，原理也簡單，擷取點選位置 > 添加樣式 順便，中秋快樂~