发现知乎的登录页好好看，于是就写了一下。并提供了 VUE，REACT，INFERNO 多个 DEMO。

开工大吉，在开工第二天，送上每周一个动画系列的第三篇，新的一年先给自己一个大大的赞。闲话不说，开始我们的正文。 本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。 可以看到鼠标在点击红心的时候，有些粒子效果，同时红心填充为红色，效果的确很赞。 我们应该记得在《…

vue1.0 版本和 2.0 版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html# 过渡。在使用 2.0 版本做过渡效果的时候，虽然比 1.0 版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小 demo 案例来感受下 vue2.0 transition 带来的便利吧！

我最喜欢的动画库之一，就是 Anime.js，它是一个完全免费、开源的 JavaScript 动画库。这个库有着丰富的功能，它是针对 JavaScript 所开发的，而且它同时也非常依赖 CSS 动画。你可以在 DOM 中将其与用在单一的页面元素之上，你也可以将其用在个性化 SVG 上。

使用视频，这种方式当然可以，但是一般来说宣传片才用的上视频，一般的动画远不需要用视频才能实现的，未免有些大材小用了，而且占用空间依然很大。 当然有，Android 5.x 之后提供了对 SVG 的支持，通过 VectorDrawable、AnimatedVectorDrawab…

以往做一些 H5 的运营项目，都是动画设计师使用 Animate cc（原来的 Flash）先设计好动画原型，然后交给我们 UI 开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。 那有没有一种高效的方法来改善这种流程，提高开发效率的同时还能完成高品质的动画呢？