CSS是網頁制作中最常用的樣式語言之一，可以用來控制網頁的樣式、布局、動畫等，下面是關于CSS實現(xiàn)波浪動畫的方法。

.wave {
position: relative;
width: 100%;
height: 150px;
background-color: #F2F2F2;
overflow: hidden;
}
.wave::before {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 140%;
padding-bottom: 140%;
top: -15%;
left: -20%;
z-index: -1;
background-color: rgba(255, 255, 255, 0.7);
transform-origin: center center;
transform: scale(0);
/* 動畫 */
animation: wave 20s linear infinite;
}
.wave::after {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 140%;
padding-bottom: 140%;
top: -10%;
left: -10%;
z-index: -1;
background-color: rgba(255, 255, 255, 0.7);
transform-origin: center center;
transform: scale(0);
/* 動畫 */
animation: wave 15s linear infinite;
}
/* 動畫 */
@keyframes wave {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}

上面的代碼中，使用了偽元素::before和::after來分別表示波浪的上半部分和下半部分，并利用border-radius和padding-bottom屬性來設置為一個圓形，再利用transform-origin和transform來使其呈現(xiàn)出波浪的效果。最后再通過animation來設置波浪的動畫效果。

在HTML中，可以使用一個父元素來包含這個波浪效果。例如：

<div class="wave"></div>

上面的代碼就是一個包含波浪效果的div元素。

CSS實現(xiàn)波浪動畫的方法非常簡單，只需要幾行CSS代碼就可以實現(xiàn)。