カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

★本ページはプロモーションが含まれています★

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  フィルタ

フィルタとは?
DirectXとは?
Internet Explorer4.0以上の場合の基本書式
Internet Explorer5.5以上の場合の基本書式
フィルタの設定
フィルタの対応
filter:〜alpha()   »» 半透明のフィルタをかける
filter:〜blur()   »» ぼかしを入れる
filter:〜chroma()   »» 特定の一色を透過して表示する
filter:〜dropshadow()   »» 影をおとす
filter:〜glow()   »» 発光しているように見せる
filter:〜emboss()   »» 浮き出したように表示する
filter:〜engrave()   »» 掘り込んだように表示する
filter:〜maskfilter()   »» マスクをかける
filter:〜motionblur()   »» ブレをつける
filter:〜shadow()   »» 影を伸ばす
filter:〜wave()   »» ウェーブをかける
filter:〜basicimage()   »» 様々な効果をまとめて指定する
filter:fliph()
  filter:flipv()
  »» 表示方向を反転させる
filter:gray()   »» グレースケールにする
filter:invert()   »» 色を反転させる
filter:xray()   »» X線フィルタをかける

■ filter:〜motionblur()  ブレをつける

◆ IE5.5以上
filter:progid:DXImageTransform.Microsoft. motionblur(プロパティ)

◆ IE4.0以上
filter:blur(プロパティ)

プロパティ direction
ブレの方向(45度単位)
strength
ブレの強さ
add
元の画像を合成するかどうか(true、falseまたは1、0)
enabled
フィルタを実行するかどうか(true、falseまたは1、0)

文字や画像をブレたように表示します。
  • directionはブレの方向を45度単位で指定します。詳しくは下記の表をご参照下さい。
  • strengthはブレの強さを0以上の整数値で指定します。
    数値が大きいほどブレが強く、長くなります。
  • addはブレを入れた画像を元のスタイルの上に表示するかどうかを指定します。
    trueは元のスタイルの上に上書きし、falseは上書きしません。デフォルトはfalseです。
    この場合、フィルタ効果の結果のみ表示されます。
  • enabledはフィルタを実行するかどうかを指定します。
    true、1を指定するとフィルタを実行し、false、0を指定すると実行しません。
directionの値とブレの方向
directionの値 0 45 90 135 180 225 270 315
ブレの方向 右上 右下 左下 左上

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.


ykr414. All Rights Reserved.