波形効果フィルタ

フィルタ名　wave(属性値);
属性値　add=trueかfalse　freq=波の数　strength=波の横幅
lightstrength=光の強さ

波形効果フィルタを使うにはフィルタ名にwave()を指定します。

addは元の内容を重ねるか、重ねないかを指定します。false(重ねない)かtrue(重ねる)で指定します。

freqは波の数を指定します。数値で指定します。

strengthは波の横幅を指定します。数値で指定します。

lightstrengthは内容にあたる光の強さを指定します。0(弱)〜100(強)で指定します。

表示例

ソース

<img src="tomato.gif" width="150" height="120" alt="トマトです"> <span style="width:100%; filter:wave();"> <img src="tomato.gif" width="150" height="120" alt="トマトが波々に！"> </span> ><span style="width:100%; filter:wave(strength=5,lightstrength=50);"> <img src="tomato.gif" width="150" height="120" alt="トマトが波々に！"> </span> <span style="width:100%; filter:wave(freq=10,strength=5,lightstrength=50);"> <img src="tomato.gif" width="150" height="120" alt="トマトが波々に！"> </span> <span style="width:100%; filter:wave(strength=20,lightstrength=50);"> <img src="tomato.gif" width="150" height="120" alt="トマトが波々に！"> </span> <span style="width:100%; filter:wave(add=true,strength=10,lightstrength=50);"> <img src="tomato.gif" width="150" height="120" alt="トマトが波々に！"> </span>

＜＜　「X線効果フィルタ」へ　　　　「クロマキーフィルタ」へ　＞＞



ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞波形効果フィルタ