波形効果フィルタ

動作ブラウザ 【 IE:4.0  NN:-】 ■CSSバージョン【-】
Internet Explorer Netscape Navigator iCab Opera Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 2.x 7.x 1.x
Windows × - × × × × -
Macintosh × × × × - - × × × × × × ×
UNIX - - - - - - × × × × -

ポイント filter:wave(strength=15,lightlength=30,freq=4);
説  明 波形効果フィルタはwave()になります。wave()では以下のパラメータを指定することができます。

add 0:元イメージを合成しない。1:元イメージを合成する。
freq 波数(0〜)
lightstrength 強度(0〜100)
phase 波形開始位相(0〜100)
strength 強度(0〜)
enabled trueまたはfalse。フィルタ効果の有無。
サンプル <html>
<head>
<title>波形効果</title>
<style type="text/css"><!--
.wv { position:absolute;
top:0px;
left:0px;
width:480px;
height:360px;
filter:wave(strength=15,lightlength=30,freq=4); }
--></style>
</head>
<body>
<div class="wv">
<img src="photo.jpg">
</div>
<br><br><br><br><br><br><br>
 画像が揺れた感じになります。
</body>
</html>
補足説明 なし

■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View!