CSS3

使用CSS3 steps()实现精灵表

实现了一个这样的动画效果,点击播放按钮后,按钮播放动画:

使用CSS3动画支持,可不必编写JavaScript代码实现这样的功能。

使用CSS3编写关键帧动画

通过CSS3的关键帧动画,写了个选酒瓶的游戏原型。可以运行在移动设备上,比如iPhone和Android(要求4.0以上版本)。

可以扫描以下二维码在移动设备上运行:

原型嘛,有很多不完善的地方,只是为了说明技术的可用性。

下面介绍一下实现酒瓶下落,以及被点中时的动画处理。