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

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

請問如何使用原生js, CSS實(shí)現(xiàn)MD的水波紋效果呢?就是點(diǎn)擊按鈕會出現(xiàn)波紋。
像這樣

https://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-user-input

我看了一些material design的網(wǎng)站,審查元素,并沒有找到確切的答案。

請問原理是怎樣的呢?

謝謝~

迷茫
迷茫

業(yè)精于勤,荒于嬉;行成于思,毀于隨。

全部回覆(2)
黃舟

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

在默認(rèn)情況下:

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



看到了沒有,它在按鈕里面添加了一個(gè)p,這個(gè)p是圓形的絕對定位的,然后在按鈕里面慢慢變大,就形成了Material Design風(fēng)格的波紋效果。

劉奇

https://github.com/callemall/material-ui
http://www.material-ui.com/

https://github.com/google/material-design-lite
http://www.getmdl.io/

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板