CSS3逐帧动画 - 替代gif动画

这次要做的小程序设计给过来一个gif的过渡动画,要实现闸门的下拉和升起。gif动画可以自定义循环周期,可以是n次也可以是无限次,无限次难以把握回收元素的时机,n次想要重新展示在小程序中也是难事,重写image的src和将图片放在background,改class也没有用,无法使gif重新播放,遂更改思路,使用css3的动画实现。先放上效果图我们先将动画的每一帧制作成雪碧图,最好是一列或者一行比如这样每一帧之间不要有边距然后直接上代码.demo{ height:20px; width:30px; background:url(image.png) no-re ......