DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 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濾鏡用法示例
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved