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

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對(duì)canvas進(jìn)行局部裁剪最后對(duì)裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對(duì)畫。

新建一個(gè)HTML文件，代碼如下圖 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全 在所在文件夾下，新建一個(gè)樣式文件，命名為 autocss，代碼如下 在HTML文件中加上對(duì)樣式文件。

第一使用方法1調(diào)用lanrenzhijiacss樣式 2將你需要放大的圖片，按照?qǐng)D中代碼的格式書寫 3調(diào)用三個(gè)js，并指定你需要放大的圖片a標(biāo)簽的id即可 第二使用方法。

HTML5過渡的實(shí)現(xiàn)需要用到CSS3技術(shù)和JavaScript腳本語(yǔ)言通過在標(biāo)簽中添加過渡動(dòng)畫效果屬性，在HTML5標(biāo)簽的支持下，CSS3就可以實(shí)現(xiàn)簡(jiǎn)單的過渡效果例如，可以設(shè)置一個(gè)鏈接在鼠標(biāo)懸停時(shí)變色或者將圖片放大縮小等同時(shí)，JavaScript。