CSS3 Sprite 技术实现僵尸行走动画

时间:2022-09-12 11:31:29
【文件属性】:

文件名称:CSS3 Sprite 技术实现僵尸行走动画

文件大小:369KB

文件格式:RAR

更新时间:2022-09-12 11:31:29

HTML5应用

行走动画是CSS3动画的经典类型之一,今天要分享的这款CSS3僵尸行走动画与之前介绍的纯CSS3人物行走动画和纯CSS3实现大象走路动画不同,它是利用CSS Sprite技术实现的,也就是在同一张图片中绘制僵尸行走的每一帧,然后通过CSS3和JavaScript将这些帧播放,就形成了行走动画特效。


【文件预览】:
css3-sprite-zombie-walking
----css()
--------default.css(5KB)
--------styles.css(1KB)
----img()
--------walkingdead.png(384KB)
----fonts()
--------icomoon.woff(1KB)
--------icomoon.svg(2KB)
--------icomoon.eot(2KB)
--------icomoon.ttf(1KB)
----index.html(654B)
----index2.html(433B)

网友评论