CSS3動畫是一種非常流行和有用的技術，它可以讓我們在網頁中創建出各種各樣的動態效果。今天，我們來看一下如何使用CSS3動畫來模擬一個人跑步的效果。

.runner {
position: absolute;
top: 200px;
left: 0;
width: 150px;
height: 150px;
background-image: url(runner.png);
background-size: 1500px 150px;
animation: run 1s steps(10) infinite;
}
@keyframes run {
0% {
background-position: 0px 0px;
}
100% {
background-position: -1500px 0px;
}
}

上面的代碼首先創建了一個包含一個人物圖片的div，設置了一些基本的樣式（位置、大小、背景圖片等），然后定義了一個名為“run”的動畫。這個動畫有兩個關鍵幀，第一個關鍵幀（0%）設置背景位置為0px 0px，第二個關鍵幀（100%）設置背景位置為-1500px 0px（將整個圖片向左移動了1500像素）。

最后，將這個動畫應用到div上，設置了循環播放。

現在我們來看一下效果：

看上去不錯吧？這只是一個簡單的例子，當然我們還可以通過一些技巧進一步優化這個效果，比如添加緩動效果、改變角度、加上陰影等等。希望這篇文章能對你了解CSS3動畫有所幫助！