CSS動畫是現代網頁設計中非常重要的元素之一。通過CSS動畫，可以使網頁更加生動，增加用戶的交互體驗。在CSS動畫中，行走CSS動畫是一種非常常見的效果，可以用于模擬人物或動物的行走或跑步等動作效果。

/* 行走CSS動畫代碼 */
@keyframes walk {
0% {
transform: translateX(0px) translateY(0px);
background-position: 0 0;
}
25% {
transform: translateX(20px) translateY(26px);
background-position: 0 -180px;
}
50% {
transform: translateX(40px) translateY(0px);
background-position: 0 -360px;
}
75% {
transform: translateX(60px) translateY(26px);
background-position: 0 -540px;
}
100% {
transform: translateX(80px) translateY(0px);
background-position: 0 -720px;
}
}
.walk-animation {
width: 80px;
height: 96px;
background-image: url("walk-spritesheet.png");
background-repeat: no-repeat;
animation: walk 1s steps(8) infinite;
}

上述代碼中，我們定義了一個名為“walk”的關鍵幀動畫，其中，每個關鍵幀都實現了人物往前走一步的效果。在walk-animation樣式中，我們將圖片的寬度設為80像素，每個關鍵幀的步數為8，動畫時間為1秒，同時將動畫設置為無限循環。

當網頁中需要模擬人物前行時，可以將該動畫樣式應用到相應元素中：

<div class="walk-animation"></div>

這樣，我們就實現了一個簡單的行走CSS動畫。