小人跑步，一種炫酷的CSS技巧，可以讓一個小人在屏幕上不停地奔跑。實現這種效果，需要掌握一些基本的CSS動畫知識。

@keyframes run{
0%{background-position:- 54px - 5px;}
10%{background-position:- 118px - 5px;}
20%{background-position:- 182px - 5px;}
30%{background-position:- 246px - 5px;}
40%{background-position:- 310px - 5px;}
50%{background-position:- 374px - 5px;}
60%{background-position:- 438px - 5px;}
70%{background-position:- 502px - 5px;}
80%{background-position:- 566px - 5px;}
90%{background-position:- 630px - 5px;}
100%{background-position:- 694px - 5px;}
}
#runner{
position:absolute;
top:200px;
left:0;
width:56px;
height:67px;
background:url(runner.png);
animation-name:run;
animation-duration:1s;
animation-timing-function:steps(10, end);
animation-iteration-count:infinite;
}

這個代碼塊中，首先定義了一個名為run的CSS動畫，該動畫包括了小人在屏幕上奔跑時的各種狀態。animation-name屬性聲明了該元素所使用的動畫名稱，animation-duration屬性聲明了動畫的時長，animation-timing-function屬性聲明了動畫的時間函數，animation-iteration-count屬性聲明了動畫的重復次數。

接著，給小人所在的div元素設置了一些基本樣式，包括位置、大小和背景等。最后，將run動畫應用到該元素中，完成小人奔跑的效果。