ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

波形効果フィルタ


フィルタ名 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>>スタイルシートの書き方講座>>波形効果フィルタ

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved