CSS3反方向播放是指將一個元素或其子元素的動畫或過渡效果改變方向，從而展現出一個相反的效果。這里我們將介紹如何使用CSS3來實現反方向播放。

// 示例代碼
.animation {
animation-name: example;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}
@keyframes example {
0% {
background-color: red;
left: 0;
top: 0;
transform: rotate(0deg);
}
50% {
background-color: yellow;
left: 200px;
top: 0;
transform: rotate(180deg);
}
100% {
background-color: blue;
left: 0;
top: 0;
transform: rotate(360deg);
}
}

如上所示，在示例代碼中，我們使用了animation-direction屬性來控制動畫的方向。將它設置為alternate-reverse，就實現了反方向播放的效果。

CSS3的反方向播放不僅適用于動畫效果，還可以用在過渡效果中。我們只需要將transition-timing-function屬性的值設置為ease-in-out（或其他緩動函數），再加上animation-direction屬性的設定，即可實現順時針和逆時針方向的過渡效果。

總之，CSS3的反方向播放為網頁設計師提供了更多的創意空間，讓網頁動態效果更加豐富多彩。