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

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

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

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

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