CSS动画：利用css3的样式效果可以将dom元素做出动画的效果来。 Canvas动画：利用Canvas提供的API，不断清除--绘制这样一帧一帧的做出动画效果。 SVG动画：SVG意为可缩放矢量图形，同时也是HTML中的一个标签，在实现动画方面较为小众了一些，但其提供了不少的…

相信大家波浪动画都见过不少，很多是通过纯css的boder-radius或者clip去实现方式众多，但我们本次用svg去画波浪来讲解其动画的两种方案~

主要介绍如何通过 CSS 给 SVG 格式图片修改颜色。仅限用户量比较小的需求，如果是面向多C端用户建议别用。

在平时开发中，有时候会碰到这样的彩色阴影，效果如下 是不是非常有质感？下面分布介绍 CSS 和 SVG 两种实现方式，一起看看吧 一、实现原理 从设计上看，其实原理很简单，一张原图和一张模糊的图，叠加

之前做过一篇推文，运用了一些svg小动画，效果如下：（动图比较长，了解交互请跳转查看） 以下为设计思路： 一、前期准备 Adobe Illustrator(AI软件) 一个好用的代码编辑器 谷歌浏览器