归档: 2018/5

H5动画之逐帧动画

什么是逐帧动画 要了解 CSS3 逐帧动画,首先要明确什么是逐帧动画。 看一下维基百科中的定义: 定格动画,又名逐帧动画,是一种动画技术,其原理即将每帧不同的图像连续播放,从而产生动画效果。 简而言之,实现逐帧动画需要两个条件:(1)相关联的不同图像,即动画帧;(2)连续播放。 我们儿时的记忆,手翻书,他所实现的就是逐帧动画: (图片来源:知乎) 前端逐帧动画实现方案 在细聊 css3 逐

H5动画之补间动画

什么是动画 动画本质上是图像按照事先设定好的顺序在一定的时间内的图像序列变化运动。 什么是补间动画 看一下百度百科的定义: 补间动画指的是做flash动画时,在两个关键帧中间需要做“补间动画”,才能实现图画的运动;插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 在触屏页面中,常见的实现补间动画以下几种形式: 第一,CSS3 Animation。 通过animation(