CSS3動畫是前端開發中非常重要的一個技能，能夠實現網頁動態效果的展示。其中，往返動畫是比較常用的一種，它可以實現物體在兩個點之間來回運動的效果。下面我們就來看一下如何實現CSS3往返動畫。

/*設置div初始樣式*/
div{
width: 100px;
height: 100px;
background-color: #f00;
position: absolute; /*此處設置絕對定位*/
}
/*設置動畫效果*/
@keyframes move {
0% {left: 0;} /*0%是div的初始位置*/
50% {left: 200px;} /*50%是div向右運動的位置*/
100% {left: 0;} /*100%是div回到初始位置*/
}
/*設置div動畫*/
div{
animation: move 2s ease-in-out infinite; /*設置動畫名稱、執行時間、動畫速度和重復次數*/
}

在上述CSS3代碼中，使用了@keyframes關鍵字來定義動畫效果，其中0%代表動畫開始時的位置，50%代表動畫運動到50%的位置，100%代表動畫結束時的位置。此處我們設置的動畫效果是div沿著X軸來回運動，并且通過animation屬性將動畫應用到div元素中。

通過這樣的代碼設置，就可以實現CSS3往返動畫了。如果想要改變動畫方向，只需要改變相應的CSS屬性值即可。