HTML5的誕生給web前端界帶來了不小轟動，像什么動畫旋轉(zhuǎn)圖片滑塊圖片輪播等等這些3D特效，也引發(fā)了不少朋友想要學(xué)習(xí)HTML5的好奇心最近我一直在做canvas動畫效果，發(fā)現(xiàn)canvas這個東西做動畫不是不可以相對于flash，它太；我大概理解到了你的意思，是想實現(xiàn)背景的視覺差效果吧如果是這個的話兩種方法，一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺應(yīng)該是你。

回答好像html5可以，不過，這得高高手 不是很清楚，目前我還處在學(xué)習(xí)階段；制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對canvas進行局部裁剪最后對裁剪的部分進行放大，這樣就可以實現(xiàn)放大鏡的效果這里我給出一個實現(xiàn)這個想法的示例該示例實際上就是運用HTML5 canvas中對；做一個逐幀動畫必不可缺的就是需要一張等間距的“動畫分解逐幀圖片png”，之后我們就可以通過修改 backgroundposition 來完成一個“逐幀動畫”當(dāng)然我們也可以通過設(shè)置特殊的圖片，來完成一些特殊的效果5CSS3 動畫。

這里介紹兩種方式一通過css樣式中的 quothoverquot實現(xiàn)，代碼如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdiv；ltbutton onclick=quotpausequot暫停旋轉(zhuǎn)ltbutton lt！這里自己找張圖片，路徑寫對就行 ltimg src=#39photojpg#39 id=#39rotate_img#39 ltbody lthtml ltscript lt！ var x， n=0， rotINTfunction rotate。

1·點擊上方功能區(qū)圖片 2·點擊上傳圖標(biāo)，上傳圖片副編輯區(qū) 1·可以對圖片進行更換，裁剪以及濾鏡效果處理 2·可以對圖片進行更改邊框 圖片偏移 圖片縮放 圖片旋轉(zhuǎn)序列幀 觸發(fā)方式調(diào)節(jié) 播放延遲設(shè)置；十五級大神的答案貌似不是很確切，其實css3+html5；每一張圖片都有文字標(biāo)題懸浮在圖片上，點擊切換按鈕，每一張圖片均會進行水平或者垂直翻轉(zhuǎn)，翻轉(zhuǎn)效果非?？幔?D立體的視覺效果。

其中，translate是平移變換，scale1，1是向左翻轉(zhuǎn)，rotate是順時針旋轉(zhuǎn)舉例說明 case 2，當(dāng)圖片的拍照方向為2時，即第一行位于頂端，而第一列位于右側(cè)，其實相當(dāng)于把照片進行了左右的翻轉(zhuǎn)所以，這里對圖片的操作是；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 StrictENquot quotDTDxhtml1strictdtdquot lthtml xmlns=quot lthead lttitleHTML5左右翻轉(zhuǎn)網(wǎng)頁lt；實際的旋轉(zhuǎn)效果是這樣rotate中的 60deg 表示按最原始的位置，順時針旋轉(zhuǎn)60° w3school 里面有更詳細用法，可以2D旋轉(zhuǎn)3D旋轉(zhuǎn) 可以參考網(wǎng)頁鏈接 動畫效果可以通過js改變rotate中傳入的值來實現(xiàn)。

inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一個jquery文件，圖片地址替換一下就可以了；首先是HTML代碼，非常簡單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter；cxtclearRect0， 0， 500， 500x += 1y += 5cxtdrawImageimg， x， y， 80， 80 windowsetIntervaldraw， 100ltscript ltbody lthtml 你把圖片的路徑改為你的圖片路徑就行了。