动画实例 —— 奔跑的熊大

emmmmmm，这是今天的第一个案例。html 这个案例，有一个亮点，巧用steps()实现动画。动画 steps()是animation-timing-function属性的属性值，意思是分为几步完成动画的。在这个例子中，这个熊有8种状态，若是再使用常规的动画速度ease、ease-in等就达不到效果了。这里使用steps()是最好的，分8步完成，连贯起来就完成了一次的奔跑。url 看下代码sp

>>阅读原文<<