[译] 动画中缓动(easing)的基础知识

2015-06-23
阅读 2 分钟
13.5k
自然界中没有东西是从一个点线性地移动到另一点。 在现实中,事物在运动时可能加速或减速。 我们的大脑习惯于期待这种运动,因此在做动画时,应利用此规律。 自然的运动会让用户对你的应用感觉更舒服,从而产生更好的体验效果。

【译】CSS动画 vs JS动画

2015-06-15
阅读 3 分钟
5.1k
原文地址 目前有两个主流的方法在web上创建动画:使用CSS或JS。到底选择哪种方法来实现动画,完全取决于你的项目以及你想要达到的效果。 tips: 对于简单的只出现一次的过渡效果,可以采用CSS动画,比如切换UI元素的状态 在需要高级的效果,比如弹跳、停止、暂停、倒回或者减速这种效果,就需要用JS来实现动画 如果用JS实...

SVG 初探

2015-05-31
阅读 9 分钟
6.4k
最近看到一篇很有趣的关于动画的文章,想拿来做个练习,里面用到了SVG,所以花了一些时间了解了一下SVG,在这里做一个记录,方便自查 所有文章均同步到我的博客 SVG是神马? SVG指可伸缩矢量图 用来定义基于矢量的网络图形 使用XML格式来定义 在放大或缩小的情况下,图形质量不受影响 在2013年成为W3C推荐标准 浏览器支...

写一个 jQuery 插件

2015-05-24
阅读 7 分钟
4.3k
封装对象方法的插件(对象级别) 这类插件是最常见的一种,即将对象方法进行封装,然后通过选择器获取的jQuery对象进行操作。 用法:$('#id').myPlugin()。