CSS Wave濾鏡可能很多朋友並不喜歡用,其實用的好了,可以有不少奇異效果。CSS Wave濾鏡可把對象按垂直方向疊加波形樣式,使對象年上去像波浪一樣。語法示例:filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)。以下是Wave 濾鏡各個參數說明:
wave 把對象按垂直的波形樣式打亂。 默認是 TRUE(非0) ADD 是否要把對象按照波形樣式打亂 freq 波紋的頻率 lightstrength 對波紋進行增強光影效果,數值0——100 phase 設置正弦波的偏移量 strength 波形振幅大小
下面通過一個示例代碼:演示和介紹CSS Wave濾鏡的詳細用法:
<img src="/JSCSS/demoimg/wall9.jpg" style="filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)">
效果實例演示: