CSS3可以實現(xiàn)各種有趣的樣式，其中圖片波浪就是一個非常受歡迎的效果。通過使用CSS3的transform屬性，我們可以讓一張圖片呈現(xiàn)出波浪形狀。

.wave {
display: block;
width: 550px;
height: 350px;
background-image: url('wave.png');
background-size: 100% 100%;
transform: skewY(-8deg);
position: relative;
animation: wave 10s linear infinite;
}
@keyframes wave {
0% {
transform: skewY(-10deg);
top: -10px;
}
50% {
transform: skewY(-6deg);
top: 10px;
}
100% {
transform: skewY(-10deg);
top: -10px;
}
}

在上面的代碼中，我們首先定義了一個wave的class，并將其應用于一個div元素上。該div元素設置了其寬度與高度，并指定了背景圖像。我們使用了transform屬性來偏移該元素，使其呈現(xiàn)波浪形狀。

為了實現(xiàn)波浪的動態(tài)效果，我們使用了CSS3的animation屬性，并定義了一個名為wave的動畫。在該動畫中，我們使用了三個關鍵幀，分別對應0%、50%和100%的時間點。通過對top值和偏移角度的修改，我們就實現(xiàn)了波浪的變化。

需要指出的是，上述樣式可能會因瀏覽器版本的不同而產(chǎn)生不同的效果。在實際開發(fā)中，我們需要根據(jù)目標瀏覽器的兼容性要求進行相應的調(diào)整與兼容處理。