帮助你更好理解javascript中easing功能的网站 - Easings.net
jjfat 12年前
如果你开发过jQuery的动画效果的话,肯定接触过一个jQuery插件:jquery.easing plugin,这个插件可以帮助你生成不同类型的动画风格。使用的方式都是不同的easing功能,例如:
- easeInCirc
- easeOutCirc
- easeInOutCirc
- 等等
easing究竟什么意思?
easing简单说来是动画运行速度。 通过控制它,你可以得到不一样的动画效果,比如,均匀移动,加速移动,减速移动等等。
两个帮助你理解easing的网站
为了更好的理解easing,这里我们介绍两个不错的网站,希望对大家有帮助!
Easings.net
这个网站介绍了不同的easing功能的特点,你可以很直观的从图表中看到区别,并且拥有中文版,相信e文不好的朋友肯定会非常喜欢!
c
除了javascript之外的实现,同时介绍了CSS的easing动画实现。相信如果需要使用CSS来实现动画的朋友会觉得非常有用。
另外,如果你对于CSS实现的easing比较感兴趣,还可以参考另外一个网站http://cubic-bezier.com,这个网站介绍了如何使用CSS来实现easing效果。你可以非常清楚的了解执行方式和区别。