CSS是前端開發中必不可少的技術之一，它可以為網頁添加各種各樣的樣式，包括動畫效果。本篇文章將介紹如何使用CSS實現箭頭動起來。

.arrow {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid black;
position: relative;
animation: move 1s ease-in-out infinite;
}
@keyframes move {
from { left: 0; }
to { left: 100%; }
}

首先創建一個div元素，用于包含箭頭圖案。通過CSS設置該元素的寬度、高度和邊框樣式，可得到一個向右的箭頭。設置元素的position為relative，是為了讓其位置可以相對于其原始位置發生移動。

接下來使用CSS的animation屬性，在箭頭元素上添加動畫效果。定義名為move的keyframes，在動畫過程中箭頭元素從原始位置移動到向右100%的位置。設置動畫時間為1s，并設置動畫緩動效果為ease-in-out，表示動畫在開始和結束時緩慢，中間時會加速。

使用上述CSS代碼即可實現箭頭動起來的效果。