DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS Wave濾鏡用法示例
CSS Wave濾鏡用法示例
編輯:CSS詳解     
  • 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)">

    效果實例演示:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved