CSS　＞　 フィルタ（IE5.5〜 DirectX）　

filter:progid:DXImageTransform.Microsoft.BasicImage();

回転・透明・反転などの効果を複数を指定

回転・透明度・左右反転・色彩反転・X線効果・白黒・マスクの効果を指定
できます。また、組み合わせて複数の効果を同時に指定することもできます。
  • () の中には以下の属性をカンマ（,）で区切って指定する。
  • rotation=
    • 回転する角度を指定。
    • 0　（なし）　1　（時計回りに90）　2　（時計回りに180）　3　（時計回りに270）
  • opacity=
    • 不透明度を 0.00 〜 1.00 の範囲で指定。
  • mirror=
    • 0 （なし）
    • 1 （左右反転をする）
  • invert=
    • 0 （なし）
    • 1 （色彩反転をする）
  • xray=
    • 0 （なし）
    • 1 （X線効果　白黒反転をする）
  • grayscale=
    • 0 （なし）
    • 1 （白黒にする）
  • mask=
    • 0 （なし）
    • 1 （透明・不透明の反転をする）
  • maskcolor=
    • 反転させたあとの色を指定
  • enabled=
    • 0 （false　フィルタを実行しない）
    • 1 （true　フィルタを実行　デフォルト）

使用例

<P style="filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
width:160px;font-size:28px;color:#0099FF;">
<IMG src="sarii.gif" alt="回転サンプル" width="120" height="120"><BR>
BasicImage<P>

回転サンプル
BasicImage

不透明度
opacity=0.5

左右反転
mirror=1

色彩反転
invert=1

X線効果
xray=1

　　　⇒　

Top Page 　　Menu 　　Back