その他、モノクロ・レントゲン・エンボス・モザイク 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

画像


ホームページを小粋に
css
java
home