請問如何使用原生js, CSS實現(xiàn)MD的水波紋效果呢?就是點擊按鈕會出現(xiàn)波紋。
像這樣
https://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-user-input
我看了一些material design的網(wǎng)站,審查元素,并沒有找到確切的答案。
請問原理是怎樣的呢?
謝謝~
業(yè)精于勤,荒于嬉;行成于思,毀于隨。
我找了一個常用的Material Design風格的頁面框架(比較漂亮的一個),看了他的按鈕:http://materializecss.com/buttons.html
看到了沒有,它在按鈕里面添加了一個p,這個p是圓形的絕對定位的,然后在按鈕里面慢慢變大,就形成了Material Design風格的波紋效果。
https://github.com/callemall/material-ui
http://www.material-ui.com/
https://github.com/google/material-design-lite
http://www.getmdl.io/