CSS寫border動畫是Web開發中很常見的一個技巧。下面我們來看一下如何使用CSS實現一個簡單的border動畫效果。

border:2px solid black; /* 設置初始邊框樣式 */
transition:border-color 0.5s; /* 設置過渡效果 */

以上是我們的初始CSS代碼，其中border屬性設置了初始邊框樣式，transition屬性則用來設置CSS過渡效果，這里我們設置過渡效果僅僅是邊框顏色的變化，過渡時間為0.5秒。

:hover{
border-color:red; /* 當鼠標移動到元素上時，邊框顏色變為紅色 */
}

我們將上面的代碼定義在:hover偽類中，表示當鼠標移動到該元素上時，邊框顏色會從原來的顏色過渡變為紅色。

使用CSS寫border動畫可以使頁面元素更有動態感，增加用戶的交互體驗，同時也是CSS的一種基礎應用。