CSS3中的波浪線是一種美麗且實用的樣式元素，可以用于網頁的背景、標題、邊框等多個場景，讓頁面愈發生動和美觀。

.wave {
position: relative;
height: 150px;
width: 100%;
background-color: #fff;
}
.wave:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 20px;
top: 20px;
background-image: linear-gradient(90deg, transparent, #fff, transparent);
background-size: 50% 100%;
background-repeat: no-repeat;
animation: wave 2s infinite linear;
}
@keyframes wave {
0% {
background-position: 0 0;
}
100% {
background-position: -100% 0;
}
}

上述代碼是一個簡單的波浪線樣式，可以通過修改不同的屬性來調整波浪線的高度、顏色、速度等元素。其中，波浪線通過使用:before偽元素，配合線性漸變和動畫實現。通過設置不同的background-size參數，可以使波浪線變得更加柔和和美觀。

除了單一的波浪線效果，在CSS3中還可以實現復雜的波浪線形狀，比如折線圖形樣式、帶有褶皺形態的波浪線等。

需要注意的是，波浪線在一些老舊的瀏覽器中可能無法正常顯示。如果需要支持更多的瀏覽器，可以使用CSS的兼容性技巧進行優化。