今日は、画像にフィルター加工する方法を紹介します♪
*画像をウェーブ化する。
*ウェーブ画像を 背景にする。
*テーブルの背景色をウェーブ化する。
|
*** 画像をウェーブ化する ***
ココで使うタグはこれ↓
<img src="画像の倉庫からURL" style="filter:wave(lightstrength:★)">
|
上記の★の所が、ウェーブの強さです。
ここに『30』と入れて 見てみましょう♪
…と、こんな感じになります。
ようするに、画像の倉庫から貼り付けたタグ『<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』の所に、
ウェーブ化する画像のURLを、画像の倉庫から貼り付けます。
※『( )』は消さないでね!
*『★』…ウェーブの強さ(ココでは30)
*『■』…テーブルの高さ(ココでは100)
*『▲』…テーブルの幅(ココでは100)
|
これを見てみると…
…と こんな感じになります。。。
もう1つ、画像を使わずに、背景色をウェーブにするタグを紹介しておきます。
『style="background-image:url(http~.gif)』の所だけを訂正して、
『style="background-color:★』と書き、
『★』の所に、色名もしくはRGBカラーを入れます♪
ここに『pink』と入れて見てみると…
『何の役に立つのヨ!』と 聞こえて来ますが…
平面とは違った感じで 面白いかもよ?!ヽ(´▽`)/へへっ
わからなければ、掲示板の方へ’☆,。:*:・゜
(〃⌒ー⌒〃)∫゛゛