在Web開發中，逐幀動畫是非常常見的一種動畫效果。使用css3，我們可以用簡單的代碼來實現逐幀動畫的效果，下面我們來看一下怎么實現。

/* 定義一個類名 */
.animated {
/* 設置背景圖片 */
background: url('animation.png') no-repeat;
/* 設置寬高 */
width: 200px;
height: 200px;
/* 設置逐幀動畫關鍵幀，從第一幀到最后一幀 */
animation: animate 1s steps(10) infinite;
}
/* 定義關鍵幀 */
@keyframes animate {
from { background-position: 0px; }
to { background-position: -2000px; }
}

代碼中，我們定義了一個名為“animated”的類，指定了背景圖片、寬度和高度，并且使用了css3的“animation”屬性來設置逐幀動畫。其中，“animation”屬性有幾個參數，分別是動畫名稱、持續時間、步數和循環次數。這里，我們定義了一個名為“animate”的關鍵幀動畫，設置了從第一幀到最后一幀的動畫效果。其中，“steps”參數表示動畫步數，將圖片分為10份，以實現逐幀動畫。同時，我們也定義了“@keyframes”關鍵字來定義動畫的關鍵幀，從第一幀到最后一幀分別設置了背景位置。

通過上面的代碼，我們就能夠實現逐幀動畫的效果了。在實際使用時，我們只需要給需要添加動畫的元素添加“animated”類名即可。