ホームページ作成・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