CSS動畫的倒序播放可以讓網頁元素從最終狀態回到初始狀態，給人一種動態變換的效果。下面是一個簡單的例子：

/* 定義一個簡單的動畫效果 */
div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
opacity: 0;
animation: fade-in 1s forwards;
}
@keyframes fade-in {
0% {
opacity: 0;
top: -50px;
}
100% {
opacity: 1;
top: 0;
}
}

這個動畫效果會讓一個紅色的矩形從上方漸漸出現。

如果要把這個動畫倒序播放，可以使用animation-direction屬性，將其設置為reverse：

div {
/* 省略前面的樣式 */
animation-direction: reverse;
}

這樣，這個動畫就會從最終狀態逆向播放回到初始狀態，紅色的矩形將漸漸消失并向上移動。

如果只想讓動畫在結束時倒序播放一次，而不是持續不斷地倒序播放，可以使用animation-iteration-count屬性，將其設置為2：

div {
/* 省略前面的樣式 */
animation-direction: reverse;
animation-iteration-count: 2;
}

這樣，這個動畫就會在結束時倒序播放一次，然后從最終狀態向前播放回到初始狀態，共計播放兩次。