1基本布局将4张图片左浮动横向并排放入一个div容器内，图片设置统一尺寸，div宽度设置4个图片的总尺寸，然后放入相框容器div，相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片2设置动画然后使用css3动画。

css3 css3被划分为模块，最重要的几个模块包括选择器框模型背景和边框文本效果2D3D 转换动画多列布局用户界面 选择器 框模型 背景和边框 borderradiusboxshadowborderimage backgroundsize。

用 CSS3 @keyframes 来做，也就是css3动画，具体你可以去先去学习@keyframes基本规则asp 这里面有教程和例子，你可以学习一下。

2然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置相对定位，然后设置图片的鼠标悬浮样式，其中设置动画的形式为3d以及设置图片3d旋转偏移的角度，添加一个动画，设置好延时即可3最后打开浏览器。

做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片png”，之后我们就可以通过修改 backgroundposition 来完成一个“逐帧动画”当然我们也可以通过设置特殊的图片，来完成一些特殊的效果5CSS3 动画。

1首先我们创建一个简单的项目，如图所示包括html，css和img三个2这里是html文件，引入css和html代码文件，如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了。

HTML5实现播放PPT的方法可以调用CSS样式，步骤如下1调用JS插件代码ltscript src=quotjsyhcjsquotltscript ltscript src=quotjsmainjsquot charset=quotutf8quotltscript ltscriptimpressinitltscript 2添加。