• 2014-09
    08
    [ JavaScript ] [ 0 ]

    requestAnimationFrame是一个监听帧的API,即每绘制完一帧后就执行一下requestAnimationFrame函数。

    很多浏览器显示频率是16.7ms,所以相当于1秒60帧,这个帧速是很多动画帧率的最低要求值。高于60就有丢帧发生了,所以setTimeout/setInterval推荐最小值为17ms。requestAnimationFrame则不用理会这个速率,如果你是10ms频率,那么久每10ms绘制一帧,如果是20ms就每20ms绘制一帧。

    [...]
  • 2014-01
    06
    [ HTML/CSS ] [ 3 ]
    这个动画例子证明了CSS3的方便之处,测试时雨滴如果到一定数量浏览器会出现呆滞、CPU占用高。也可能跟电脑配置有关,但正常情况下都够你用的,也只有这种示例才会满屏使用动画[...]
  • 2014-01
    02
    [ HTML/CSS ] [ 0 ]
    动画的基本特征无非就是:移动,色变,形变,速度,而这几个特征在animation里都能轻松实现,关键帧也都能轻松实现,也能实现多个动画同时play已经各自的出场时间,配合SVG矢量结合这些动作就能搞定大部分动画,并且各大浏览器都能轻松实现[...]
  • 1