Filter：Wave（Add=True（False），Freq=頻率，LightStrength=增強光效，
Phase=位移量，Strength=強度）
我們看到Wave屬性的運算式還是比較複雜的，它一共有五個參數。Add參數有兩個參數值：True代表把對象按照波紋樣式打亂；False代表不打亂；
Freq參數指產生波紋的頻率，也就是指定在對象上共需要產生多少個完整的波紋。 LightStrength參數是為了使產生的波紋增強光的效果。參數值可以從0到100。 Phase參數用來設定正弦波開始的位移量。這個值的通用值為0，它的可變範圍為從0到100。這個值代表開始時的位移量占波長的百分比。比如該值為25，代表正弦波從90度（360*25%）的方向開始。
說了一大堆，我們還是先看一個執行個體吧。比如下面這幅圖片：
下面我們對上面這個頁面加上Wave效果，代碼如下：
<html>
<head>
<title> wave css</title>
<style>//*定義CSS 樣式開始*//
<!--
.leaf{position:absolute；top:10；width:300；
filter:wave(add=true,freq=3,lightstrength=100,
phase=45,strength=20)；}
//*設定leaf類的樣式，絕對位置，wave屬性，產生3個波紋， 光強為100，波紋
從162度（360*45%）開始，振幅為20*//
img{position:absolute;top:110;left:40;
filter:wave(add=true,freq=3,lightstrength=100,
phase=25,strength=5)；}
//*設定IMG的樣式，絕對位置，wave屬性，產生3個波紋，光強為100，波紋從
90度開始，振幅為5*//
-->
</style>
</head>
<body>
<div class=“wave”>//*定義DIV地區內為Wave類*//
<p style=“font-family：lucida handwriting；
font-size=72pt； font-weight：bold；
color：rgb(189,1,64)；”>Leaf</p>
//*設定字型名稱、大小、粗細、顏色*//
</div>
<p><img src=http://edu.cnzz.cn/NewsInfo/“ss01044.jpg”></p> //*匯入圖片*//
</body>
</html>
這段代碼實現的效果如下圖：
如果把Wave的參數隨便做一下改動，就會達到多種效果，請看另外一種效果：（如下圖）：
其實這種效果只是增大了freq參數的值，減小了Strength、LightStrength的值就可以了。您也可以多試試，改變其他的參數值，還可以達到許多不同的效果來。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
