Codrops 上面發(fā)布了一個深入的教程，就如何建立谷歌材料設(shè)計的徑向操作規(guī)范中列出的漣漪效果，并基于 SVG 和 GreenSock 來實現(xiàn)。隨著谷歌的材料設(shè)計的出現(xiàn)，帶來了一個視覺語言，創(chuàng)建跨平臺和設(shè)備的統(tǒng)一體驗。在本教程中，他們會向你展示實現(xiàn)漣漪效果的一種方式。

　　Codrops 上面發(fā)布了一個深入的教程，就如何建立谷歌材料設(shè)計的徑向操作規(guī)范中列出的漣漪效果，并基于 SVG 和 GreenSock 來實現(xiàn)。隨著谷歌的材料設(shè)計的出現(xiàn)，帶來了一個視覺語言，創(chuàng)建跨平臺和設(shè)備的統(tǒng)一體驗。在本教程中，他們會向你展示實現(xiàn)漣漪效果的一種方式。

 

 

 

在線演示      源碼下載

　

 

本文鏈接：如何使用SVG創(chuàng)建材料設(shè)計的漣漪（Ripple）效果

編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設(shè)計資源