SVG动画神器

11/20/2020 svg动画

# SVGator (opens new window)


  • 本来只是想简单美化一下首页,加个背景图片,可是加完后发现,在日间/夜间模式来回切换时候,中间的标题也会随着变色,搞得效果很不理想,跑去 vuepress-theme-reco (opens new window)插件开发者大佬的博客逛了一圈,看到他用SVG实现了通透优雅的首页动画。
  • 花了一个下午,在各种论坛游荡,终于找到了一个十分不戳的简单SVG制作工具 SVGator (opens new window),免费而且还是网页App,可以直接浏览器上制作、导出🚀
  • 简单的时间轴操作,逻辑跟AE差不多 SVGator
  • 只要随便调整下关键帧位置、大小、旋转、透明度
  • 就能制作出首页流畅的线性动画了🎉(下面放的是静态图)
    QQ截图20201120012912.png
  • Todo:修正移动端看不见动画的问题🥱