用css3動畫效果做的跑動效果

用到的圖片

創建兩個盒子

css樣式

思路大概是給boxmax設置寬高，能容下一個小人即可，overflow: hidden;使溢出盒子的圖片隱藏，再分成七個動畫階段，每個階段把小人往左移入盒子中，step-start 馬上跳到動畫每一結束楨的狀態，infinite無限循環，即可完成小人蹦跳的效果。
制作簡單，可以自己試一試啊，效果特別可愛啊。

總結

以上是生活随笔為你收集整理的用css3动画效果做的跑动效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。