本次分享的是网页端的UI动效，有兴趣的小伙伴可以一起来看看，记得评价哦~
本次教程只提供UI动效的设计方法，如需整套登录模板找我
这套界面设计的还行，配色很到位，本人又多加了个底部的动态效果，这样更大气了。
我们先分离参考下底部动态效果：
只有底部动态效果，静态的图都可以当做登录背景用了
好的，我们直接开始：
① 先来看看原本的样子：
这个是原本的效果，本人改后更流行美观化
大家如果需要这个模板的话可以自行去参考：
（演示地址）http://layuimini.99php.cn/iframe/v2/page/login-1.html
（外站官网）http://layuimini.99php.cn/
② 直接改造，首先我们先去看看新动效效果
新动态效果GIF
可以看到效果还是不错的，我们要迁移到那个界面
【注意：下面的是less编写的CSS，不能直接用】
（动态效果）https://juejin.im/post/6844903566298054670
③ 开始迁移，我们先来把代码转换为CSS
（在线 LESS ->CSS 编译器）https://tool.oschina.net/less
复制处理后的代码然后用就按流程走
④ 新建HTML文件，弄好