動畫實例 —— 奔跑的熊大

emmmmmm，這是今天的第一個案例。html 這個案例，有一個亮點，巧用steps()實現動畫。動畫 steps()是animation-timing-function屬性的屬性值，意思是分爲幾步完成動畫的。在這個例子中，這個熊有8種狀態，若是再使用常規的動畫速度ease、ease-in等就達不到效果了。這裏使用steps()是最好的，分8步完成，連貫起來就完成了一次的奔跑。url 看下代碼sp

>>阅读原文<<