線條波動是一種很酷的特效，在網(wǎng)頁設(shè)計中非常常見。通過使用CSS，我們可以輕松地創(chuàng)建各種線條波動效果。下面是一些示例代碼，幫助你實現(xiàn)這種特效。

/* 基本樣式 */
.line {
position: relative;
height: 3px;
width: 100%;
background-color: #000;
}
/* 波浪樣式 */
.line.wave::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, transparent 0%, #000 50%, transparent 100%);
z-index: -1;
animation: wave 1s linear infinite;
}
/* 波浪動畫 */
@keyframes wave {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0%);
}
}
/* 曲線樣式 */
.line.curve::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid #000;
box-sizing: border-box;
z-index: -1;
animation: curve 2s linear infinite;
}
/* 曲線動畫 */
@keyframes curve {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上代碼是兩種最基本的線條波動效果，分別為波浪和曲線。你可以根據(jù)自己的需要，進行微調(diào)和修改。比如，可以調(diào)整線條的寬度、顏色和動畫時間等。

注意，某些老版本的瀏覽器可能不支持這些CSS特效。因此，你需要在使用這些效果之前進行兼容性測試，確保它們能夠在大多數(shù)主流瀏覽器中正常工作。