Codrops 上面发布了一个深入的教程，就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果，并基于 SVG 和 GreenSock 来实现。随着谷歌的材料设计的出现，带来了一个视觉语言，创建跨平台和设备的统一体验。在本教程中，他们会向你展示实现涟漪效果的一种方式。

在线演示      源码下载

本文链接：如何使用SVG创建材料设计的涟漪（Ripple）效果

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

推荐博文

• Web 前端工程师和设计师必读精华文章推荐
• 酷！15个精美的 HTML5 单页网站作品欣赏
• 炫！35个让人惊讶的 CSS3 动画效果演示
• 赞！30个与众不同的优秀视差滚动效果网站
• 靓！25个优秀的国外单页网站设计作品欣赏
• 帅！8个惊艳的 HTML5 和 JavaScript 特效
• 顶！35个很漂亮的国外 Flash 网站作品欣赏
• 哇！34个漂亮网站和应用程序后台管理界面

本博客新站点 ◆ 前端里 ◆ 欢迎围观：）

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。