CSS3動畫的方向屬性可以用來控制元素的移動方向，如下：

/* 將元素向上移動 */
animation-direction: up;
/* 將元素向下移動 */
animation-direction: down;
/* 將元素向左移動 */
animation-direction: left;
/* 將元素向右移動 */
animation-direction: right;

當然也可以使用兩個關鍵字來組合控制移動方向，如：

/* 元素沿著對角線向右上移動 */
animation-direction: right-up;
/* 元素沿著對角線向左下移動 */
animation-direction: left-down;

需要注意的是，動畫方向只在循環時才有意義，如果沒有循環動畫，該屬性不會起作用。

掌握CSS3動畫方向屬性可以幫助我們實現更加生動有趣的動畫效果。