令人愉悦的动效几乎已经成为如今网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态，引导用户的关注点，帮助用于预测交互的结果，甚至影响用户的行为。 在逐步的探索和发展过程中，动效在网页和 APP 中的运用方法与技巧已经逐步成熟，形成了一套相对系统的模式。今天的文章我们通过一系列实例，来展示一下动效是如何改善整个用户体验的。

上一篇， https://juejin.im/post/6844903491400368141 把立方体的盒子搭出来之后，因为怕文章又臭又长（嗯，就是没有想好玩什么效果，偏不告诉你）关于动效没有做更多的处理，只做了一个绕Y轴旋转，这篇试着做几个效果，CSS3 3D变形的…

多达 288 种动态效果的侧滑菜单开源库, 满足您项目的各种需求, 高度定制

对于码农哥哥来说也有很大的困扰，那就是，拿到设计稿的时候，对于动效师提出的各种五花八门的动效感觉就是：我去年买了个表。那么代码哥哥怎么能够更加高效的把设计稿实现呢？看完今天这篇文章相信你会有额外的收获～

Anime.js 是一个轻量级、非常灵活的动画 JS 库，你可以在 codepen 上看到用 Anime.js 做出来的惊艳动画效果 http://codepen.io/collection/XLebem/ 。

动效的标注文件应该是怎样的，这篇文章总结了如何给UI开发工程师交付一份完整、具体、可读性好的动效标注文件。

非常有趣的效果，不妨动手试试

动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引…