作者在月初的时候，发了CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）。js的代码库也发过两次，两篇文章。之前也写了css3的热身实战，既然热身完了，是时候开始封装css3的代码库了，相比起js的代码库，css3的代码库的逻辑性就更加简单了！可以说只要打上注释和一张效果图就可以让大家明白了其中的原理了！

CSS3的动画相关的基础的属性基本都涉猎过了，个人认为，其中最复杂的是d:path()路径变形动画，超过3D，而位移、轨迹、旋转、缩放、斜切什么的，相对简单一些，但作为非动画设计师而言，灵活的掌握这些基本的动画加以无穷无尽的变换，就已经能做出很多华丽丽的效果了，这篇呢，源于做一…

这个动效工具合集真的是够长啊！上半部分《要做动效？这75款动效工具让你无所不能（下）》中已经为你推荐了35款，剩下的40款工具就在下面。

动画效果会讲故事，动效不仅仅是为了愉悦用户，更是为了帮助理解当前操作进展，帮助提高app的使用效率。当动效制作非常成熟时，看起来应当是非常自然的。 App中随处可见各种各样绚丽的动态效果，从页面跳转到加载进度指示，从状态反馈到下拉刷新。但动效的使用应当自然流畅，过多花哨或者不适…

介绍了 CSS 动画、 Animate.css 动画库、以及在 React 中使用 react-addons-css-transition-group 插件实现动画方法。

做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jquery+css3的思维方式不一样，但是比javascript/jquery+css…

概述 新年第一篇技术文章哈，大家新年快乐，先来个简单点的，主要介绍工具的使用，预预热，下周一奉上一个骚气的购物车动画按钮，敬请期待。 在前文 给我一个Path，还你一个酷炫动画 中，我详细的阐述了如何撸出一个酷炫的Path动画View，我们的口号是：I have a path.…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

当我想要在网上找一个简洁的 Javascript 动效库时，总是发现很多“推荐”的库都是缺乏持续维护的。 经过一番研究，我收集了 11 个最好的库，你可以用在自己的项目中。另外我还添加了一些有用但是缺少持续维护的库。 提示：可以用 Bit 来共享你的组件，用它们构建多个项目并与…