国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Material Design 水波紋效果如何實現(xiàn)?
迷茫
迷茫 2017-04-10 16:48:19
0
2
919

請問如何使用原生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è)精于勤,荒于嬉;行成于思,毀于隨。

reply all(2)
黃舟

我找了一個常用的Material Design風格的頁面框架(比較漂亮的一個),看了他的按鈕:http://materializecss.com/buttons.html

在默認情況下:

在點擊后出現(xiàn)波紋的時候:



看到了沒有,它在按鈕里面添加了一個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/

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template