1基本布局將4張圖片左浮動橫向并排放入一個div容器內(nèi)，圖片設置統(tǒng)一尺寸，div寬度設置4個圖片的總尺寸，然后放入相框容器div，相框設置1個圖片的大小并設置溢出隱藏，以保證正確顯示一個照片2設置動畫然后使用css3動畫。

css3 css3被劃分為模塊，最重要的幾個模塊包括選擇器框模型背景和邊框文本效果2D3D 轉換動畫多列布局用戶界面 選擇器 框模型 背景和邊框 borderradiusboxshadowborderimage backgroundsize。

用 CSS3 @keyframes 來做，也就是css3動畫，具體你可以去先去學習@keyframes基本規(guī)則asp 這里面有教程和例子，你可以學習一下。

2然后在上方的head標簽中的style標簽設置樣式，這里設置圖片的寬度和高度并設置相對定位，然后設置圖片的鼠標懸浮樣式，其中設置動畫的形式為3d以及設置圖片3d旋轉偏移的角度，添加一個動畫，設置好延時即可3最后打開瀏覽器。

做一個逐幀動畫必不可缺的就是需要一張等間距的“動畫分解逐幀圖片png”，之后我們就可以通過修改 backgroundposition 來完成一個“逐幀動畫”當然我們也可以通過設置特殊的圖片，來完成一些特殊的效果5CSS3 動畫。

1首先我們創(chuàng)建一個簡單的項目，如圖所示包括html，css和img三個2這里是html文件，引入css和html代碼文件，如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動畫效果4這里是事件，這里定義了。

HTML5實現(xiàn)播放PPT的方法可以調(diào)用CSS樣式，步驟如下1調(diào)用JS插件代碼ltscript src=quotjsyhcjsquotltscript ltscript src=quotjsmainjsquot charset=quotutf8quotltscript ltscriptimpressinitltscript 2添加。