その他、モノクロ・レントゲン・エンボス・モザイク etc
元の画像 |
画像をモノクロにするタグ
<img src="画像のアドレス" style="filter:gray"> |
画像をX線(レントゲン)のように表示させるタグ。
<img src="画像のアドレス" style="filter:xray"> |
画像をブレさせる
<img src="画像のアドレス" style="filter: blur(add=true, direction=90, strength=10);"> |
add | 元の画像を合成するかどうか | 0/false 合成しない 1/true 合成する |
direction | ブレの角度 | 0 = 真上 45 = 右上 90 = 右 135 = 右下 180 = 真下 225 = 左下 270 = 左 315 = 左上 |
strength | ブレの長さ(距離) | デフォルトは 5 |
画像の周りを発光させるタグ
<div style="width:100%; padding: 10px; filter:Glow(color=green,
strength=10);"> <img src="画像のアドレス"></div> |
color | 発光の色 |
strength | 発光の強さ 1 〜 254 (数値が大きいほど強い) |
エンボス画像 (凸) 浮き彫りのような効果
<img src="画像URL" style="filter:progid:DXImageTransform. Microsoft.Emboss();"> |
エングレイブ画像 (凹) 彫ったような効果
<img src="画像URL" style="filter:progid:DXImageTransform. Microsoft.Engrave();"> |
画像にモザイクをかけるタグ
元の画像 |
maxsquare: モザイクの大きさ 2 〜 50 (数値が大きいほど大きいモザイク) デフォルトは 50 |
<img src="画像アドレス" style="filter:progid: DXImageTransform.Microsoft.Pixelate (maxsquare=3)"> | |
<img src="画像アドレス" style="filter:progid: DXImageTransform.Microsoft.Pixelate (maxsquare=5)"> |
●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。
★skip ページtop