CSSで画像に修飾を

画像修飾も試してみました。
この画像修飾は、TABLE内でなくても有効みたいですよ。
ただし、Internet Explorer4.0以上のみの対応です。

<IMG style="FILTER:BLUR (STRENGTH=20 DIRECTION=200)"src="画像のURL" border=0>

BLURだと、こんな風にぼかすことができます。
STRENGTHでぼかす具合を指定、DIRECTIONでぼかす角度を指定できます。

<IMG style="FILTER:GRAY"src="画像のURL" border=0>

GRAYにするとグレースケール、つまり白黒写真になります。
一眼レフカメラの白黒写真。なかなか趣がありますなぁ。

<IMG style="FILTER:INVERT" border=0>

うわっ、怖いなあ。
INVERTは、色調を逆転させる命令ですよ。

<IMG style="FILTER:WAVE(lightstrength=10,freq=5,strength=5)" border=0>

WAVE。波です。うねうねします。
strengthで波の強さを指定、freqで波数を指定、lightstrengthで明暗を指定できます。

<IMG style="FILTER:XRAY" border=0>

XRAY。X線写真のような効果が得られます。
色調反転後にグレースケール化しているらしいです。



調べてみたところ、結構いろいろなことができるみたいですね。
でも、あんまり使いそうもないなぁ。
私もBLURだけは使ったことがありますが、他のはちょっと使ったことがないです。
XRAYとか、面白いので使ってみたいですね。



あれ、よく考えたら画像編集ソフトでいじくってからアップすればいいんじゃないの？