svg动画案例

• translate
• rotate
• skewX & skewY
• matrix

.stroke {
    stroke-dasharray: ;
  stroke-dashoffset: ;
}

svg动画案例

移动应用中，svg可以用于制作app的引导页动画和按钮
PC端，用作一个图标的特效，banner背景特效

svg动画库

http://seenjs.io/

svg在线制作

https://www.svgator.com
在线的svg制作工具，只需要进入网页就可以制作svg动画
跟ae使用差不多的，如果有ae的基础基本使用就非常好上手

svg案例

https://www.html5tricks.com/demo/svg-css3-ripple-button/index.html

https://tympanus.net/Development/SVGDrawingAnimation/index.html

https://connoratherton.com/walkway
https://github.com/ConnorAtherton/walkway

http://leocs.me/jquery-drawsvg/
https://github.com/lcdsantos/jquery-drawsvg
http://www.yyyweb.com/4066.html

使用 SVG 制作加载动画 https://mp.weixin.qq.com/s/rH-s3Pr_A0K9x0rpv4SXcA
https://www.html5tricks.com/18-svg-animations.html

matrix矩阵

css动画

animate

轨迹动画