フィルター加工１

フィルター加工１♪

今日は、画像にフィルター加工する方法を紹介します♪

*画像をウェーブ化する。
*ウェーブ画像を　背景にする。
*テーブルの背景色をウェーブ化する。

***　画像をウェーブ化する　***

ココで使うタグはこれ↓

上記の★の所が、ウェーブの強さです。
ここに『３０』と入れて　見てみましょう♪

…と、こんな感じになります。
ようするに、画像の倉庫から貼り付けたタグ『<img src="http://～.***">』の中に
『style="filter:wave(lightstrength:★)"』を入れる訳です｡｡｡

***　ウェーブ画像を背景にする　***

ココで使うタグはこれ↓

<table style="background-image:url(http～.gif);filter:wave(lightstrength:★)" height="■" width="▲">
<tr><td>
<center>テーブル内の文字</center>
</td></tr></table>

*赤文字の『<center>test</center>』タグが、
表示される文字です。ここでは『<center>』で中央寄せしています。

*青文字の『http～.gif』の所に、
ウェーブ化する画像のＵＲＬを、画像の倉庫から貼り付けます。
※『（　）』は消さないでね！

*『★』…ウェーブの強さ（ココでは３０）
*『■』…テーブルの高さ（ココでは１００）
*『▲』…テーブルの幅（ココでは１００）

これを見てみると…

test

…と　こんな感じになります｡｡｡

もう１つ、画像を使わずに、背景色をウェーブにするタグを紹介しておきます。
『style="background-image:url(http～.gif)』の所だけを訂正して、
『style="background-color:★』と書き、
『★』の所に、色名もしくはRGBカラーを入れます♪

ここに『pink』と入れて見てみると…

test

『何の役に立つのヨ！』と　聞こえて来ますが…
平面とは違った感じで　面白いかもよ？！ヽ(´▽｀)/へへっ

わからなければ、掲示板の方へ’☆，。:*:・゜
(〃⌒ー⌒〃)∫゛゛