在CSS動(dòng)畫中，有時(shí)候我們需要倒播動(dòng)畫。這種情況下，我們可以使用CSS3的animation-direction屬性。這個(gè)屬性決定了動(dòng)畫播放的方向，包括正序、倒序和交替播放。

/* 正序播放動(dòng)畫 */
animation-direction: normal;
/* 倒序播放動(dòng)畫 */
animation-direction: reverse;
/* 交替播放動(dòng)畫 */
animation-direction: alternate;

如果想要倒播動(dòng)畫，只需要將animation-direction屬性設(shè)置為reverse即可。下面是一個(gè)例子：

.box {
width: 100px;
height: 100px;
background-color: red;
animation: myanimation 2s forwards;
animation-direction: reverse;
}
@keyframes myanimation {
0% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}

這段代碼會(huì)讓一個(gè)紅色的正方形以2秒的時(shí)間從原始大小縮小到一半，然后倒播動(dòng)畫使其重新變回原始大小。

當(dāng)然，如果想要交替播放動(dòng)畫，只需要將animation-direction屬性設(shè)置為alternate。這個(gè)屬性值會(huì)在正序和倒序之間切換播放。

總的來說，CSS3的animation-direction屬性提供了很多方便的選項(xiàng)，可以滿足我們?cè)趧?dòng)畫制作中的各種需求。