动画(Animation)动画意味着随着时间而变化,尤其指视觉上的变化,包括位置、形态等的变化。运动基本上表现为物体随时间,发生位置上的变化;形态基本表现为大小、颜色、透明度、形状等随时间的变化。图像以每秒24帧的速度播放,最容易看成运动的图像。比这个速度再慢些,会由于停顿时间较长,人眼会感觉影像不...
分类:
Web程序 时间:
2014-09-14 16:41:07
阅读次数:
161
用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也得到了很大的提升。但是css3动画还是有不少局限性,比如不是所有属性都能参与动画、动画缓动效果太少、无法完全控制动画过程等等。所以有的时候...
分类:
Web程序 时间:
2014-07-27 22:30:19
阅读次数:
262
最近工作时研究了一下css3动画和js动画,主要是工作中为了增强页面的趣味性,大家都有意无意的添加了很多动画效果,当然大部分都是css3动画效果,可以gpu加速,这会减少移动端的性能需求。
今天主要说的是蜂窝效果,具体效果大家等下可以运行源码,这里就不放gif图了。
css3的原理很简单,就是通过更改background-size,由于css3中的background中可以设置repeat属性...
分类:
Web程序 时间:
2014-07-20 15:16:51
阅读次数:
317
Flipbooks书页面翻转成为在网页设计中最流行的交互动画之一。
他们可以用在 Flash,网页或者在线杂志中。使用书页动画或者页面翻转的网页设计效果展示他们的产品,更加直观有效。
结合 HTML5 和 CSS3 可以来实现如此炫丽的动画,有些插件是可以帮上你...
分类:
编程语言 时间:
2014-06-03 05:39:10
阅读次数:
352