这篇文章主要介绍了CSS3动画制作的简单示例,特别是像文中这样实现一个动态表情的情况是非常给力的~需要的朋友可以参考下
CSS3 大大强化了制作动画的能力，但是如果要做出图案比较复杂的动画，选择 GIF 依然是一个不错的选择。今天给大家介绍一个使用 CSS animation 配合雪碧图(CSS sprite)来制作动画的方法，可以做出类似于 GIF 动画的效果。
CSS3 Animation steps函数
首先看看，CSS3 animation的兼容性。可以看到基本上主流浏览器都支持了 animation 属性，chrome、safari、opera和移动端的浏览器带上前缀就可以支持。
animation 本身是一个复合的属性，它包含了 animation-name，animation-timing-function，animation-iteration-count，animation-direction，animation-play-state，animation-fill-mode 六个属性。