フイルタ−リファレンス

書式
style="filter:フイルタ−名(フイルタ−要素)"

記 述 例

<DIV ID=text01 style="width:100%;height:100px;filter:flipV()">文字</DIV>

対応TAG

Functional list
フイルタ−名 機能 要素 ( )の中に記述する。
Alpha 透明度の設定 Opacity=透明度,FinishOpacity=終わりの透明度,
Style=直線上放射上のタイプｎ，
値：style=0（無し）
style=1（線形）
style=2（円形）
style=3（四角形）
StartX=始点X,StartY=始点Y,
FinishX=終点X,FinishY=終点Y）
Blur 軌跡を付ける Add=効果をつける,値：add=0（ぼかした後にぼかす前の要素を重ねない）
add=1（ぼかした後にぼかす前の要素を重ねる）
direction=0〜360（角度）
strength=0〜100（ぼかし度合い）
Chroma 特定の色を透明にする Color=指定色
DropShadow 投影したシルエット 値：color=#RGB（影の色）
offx=数値（影のX軸上の距離）
offx=数値（影のY軸上の距離）
positive=0（影と影背景を反転させる）
positive=1（影と影背景を反転させない）
FlipH 水平な鏡像 （）
FlipV 垂直な鏡像 （）
Glow 輪郭に明るい輝きをつける 値：color=#RGB（光の色）
strength=数値（光の強さ）
Grayscale グレ−スケ−ル （）
Invert 色合い、輝度の反転 （）
Light 光源効果 （）スクリプトからコントロ−ル
Mask 透明にくりぬく Color=色
Shadow グランデ−ションの影 値：color=#RGB（影の色）
direction=0〜360（影の方向）
Wave ウエ−ブ（波）を付ける 値：add=0（波状にした後に波状にする前の要素を重ねない）
add=1（波状にした後に波状にする前の要素を重ねる）
phase=0〜360（波の開始位置）
freq=数値（波の数）
strength=数値（波の強さ）
lightstrength=数値（波の凹凸面の明るさの落差）
XRay モノクロ化 （）

MicrosoftのFilters作成 Demo

見本一覧

対応TAG

BODY,BUTTOM,DIV,IMG,INPUT,MARQUEE,SPAN,
TABLE,TD,TEXTAREA,TFOOT,TH,THEAD

up上へ右矢印font （FONT（文字）に対する指定）


CSS入門

広告