CSS 線條動效是一種非常有趣的效果，可以讓網站更具有活力和動感，吸引用戶的注意力。下面來看一下如何使用 CSS 實現線條動效。

首先，在頁面中添加一個 div 元素，并添加 “line” 類名。

接下來，使用 CSS 的 animation 屬性和 @keyframes 規則來設置線條的動畫效果。通過 keyframes 規則中的關鍵幀，可以定義動畫的不同狀態。在本例中，定義了三個關鍵幀：0%、50%、100%，分別代表動畫開始、中間和結束時的狀態。

通過 left 屬性，控制線條在水平方向的移動；通過 transform 屬性，控制線條的旋轉效果。設置動畫的時間為 2 秒，線性變化，持續無限循環。這樣就完成了一個簡單的線條動畫效果。

當然，還可以根據需求設置不同的線條長度、顏色、動畫時間等屬性，實現更加豐富的線條動效。