CSS >  フィルタ(IE5.5〜 DirectX) 

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

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

回転・透明度・左右反転・色彩反転・X線効果・白黒・マスクの効果を指定
できます。また、組み合わせて複数の効果を同時に指定することもできます。
  • () の中には以下の属性をカンマ(,)で区切って指定する。
  • rotation=
    • 回転する角度を指定。
    • 0 (なし) 1 (時計回りに90) 2 (時計回りに180) 3 (時計回りに270)
  • opacity=
    • 不透明度を 0.001.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