-
登录加载动画完成 主要用到的是帧动画 简单的CSS几步搞定
- 思路： 主要就时先将动画给隐藏，在登录了以后再将对应的隐藏，动画显现就行 就是display:none和block就可是实现
- 哈啊哈 这里就回想起最初的自己才接触前端的时候 实现这个功能时通过将动画放在一个单独的HTML页面，现在想起来是蛮蠢的哈哈哈
- 效果如下
-
最主要的代码如下
设置宽高是为了让运动的小球能变大变小
画线的地方是最最重点 是绑定已经设置好的帧动画 参数的意思分别是 动画名 时间是0.6S 无线循环 反向运动
、其实最后一个参数是关键 因为我们设置的运动是从0到100%是从下到上 并没有向下的运动 加了这个参数以后 当向上完成了以后 元素会做镜像的向下的运动
-
另一个重点 是动画之间的过渡 要让动画结束以后出现的内容是自然的过渡 而不是生硬的弹出来，除了给元素设置transition过渡时间和透明以外 还需要用到定时器 一位内我们呢使用的出现方式是block和none
- 所以要加上一下代码