萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS Wave濾鏡用法示例

CSS Wave濾鏡用法示例

   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)">

  效果實例演示:

CSS Wave濾鏡用法示例 三聯
copyright © 萬盛學電腦網 all rights reserved