CSS3是網頁設計中的一個重要技術，可以幫助網頁設計師創造出多樣化的效果。其中一種常見的效果是波浪線條，通過CSS3我們可以輕松地實現這種效果。

.wave {
position: relative;
height: 100px;
width: 100%;
background-color: #f2f2f2;
}
.wave:before {
content: "";
display: block;
position: absolute;
height: 30px;
width: 200%;
left: -50%;
bottom: 0;
background: linear-gradient(to right, #03a9f4 0%, #03a9f4 40%, #f2f2f2 40%, #f2f2f2 100%);
border-radius: 100% 100% 0 0;
animation: wave 2s ease-in-out infinite;
}
@keyframes wave {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

以上是實現波浪線條的CSS3代碼。首先需要創建一個高度為100px，寬度為100%的相對定位的容器，背景顏色為淺灰色。接著使用:before偽元素創建一個高度為30px，寬度為200%的絕對定位的元素，放置在容器底部正中間。使用線性漸變設置波浪線條的顏色，前40%為藍色，后60%為背景色。使用border-radius屬性設置左右兩側為圓形，加上動畫讓波浪線條不斷滾動。最后，在樣式表中添加@keyframes關鍵字來設置動畫。

通過CSS3的代碼，我們可以為網頁添加非常美觀、有趣的圖形效果，不僅能夠提高用戶體驗，同時也豐富了頁面的設計。在今后的網頁設計中，我們可以多加嘗試，創造更加出色的網頁作品。