css3 如何给图片加入关键帧 使图片能够平缓的放大缩小并保持循环

html-css010

css3 如何给图片加入关键帧 使图片能够平缓的放大缩小并保持循环,第1张

先将你需要组合的图片编号，如M1-M10。就按你的需要连接的动画从头到尾进行编号放到一个文件夹下，在软件中“导入到舞台”选中其中一张图片进行导入，软件会自动根据你文件编号判断该文件夹中的文件可能是序列文件并提示你是否将其全部导入，你选择“是”软件即将全部图片按顺序建立每张图片的关键帧并自动形成动画。

1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。

2、这里是html文件，引入css和html代码文件，如图所示。

3、这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。

4、这里是事件，这里定义了四个时间段的状态，兼容了ie的。

5、如图所示这里是效果图，会根据时间轮播显示下一张图片 了。