wave     <DIV STYLE="filter:blur(Properties)・・・>Object</DIV>
Welcome to my page
Welcome to my page
◆プロパティー(Properties)
DIVタグにフィルターとオブジェクトを定義します。 下のプロパティーの値の選択により、左のサンプルを制御出来ます。 同時に、ソースコードに反映されます。
 
Add= オリジナルを重ねる(true-1)、重ねない(false-0)
Freq= 波の数n
Lightstrength= 波に当てる光の強さ0〜100
Phase= 波の開始地点のオフセット値0〜100
Strength= 波の強さ(長さpx)1〜255

◆オブジェクトに波をうったような効果を表示します
左下がサンプルです。左上はオリジナルのオブジェクトです。

クリップボードにコピーします!
<DIV ID=WaveCodeDisp style="POSITION: absolute; TOP: 40px; LEFT: 0px; WIDTH: 350px; HEIGHT: 120px; font-size:32px; background:yellow; 
 filter:wave( Add=0,Freq=3,Lightstrength=50,Phase=0,Strength=5 )">
ここにオブジェクトを配置(テキスト、画像等)
</DIV>