上一篇文章我们使用 svg 绘制好了静态的图形，本篇文章将通过给静态图形添加动画效果，以实现 MG 动画。svg 实现动画的方式不止一种，我将会通过多种方式给不同的元素添加动画效果~

基于css3进行写出了这样一个流光登录的效果，通过外侧一个大盒子和一个内侧的登录框，通过z-index的垂直层叠设置和外侧盒子超出部分隐藏，实现了这样一个流动线条的效果

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…