|
|
filter:progid:DXImageTransform.Microsoft.Glow(必要な値)・・・・・背後から光を当てたような効果を与える(IE5.5以上)
filter:glow(必要な値)・・・・・背後から光を当てたような効果を与える(IE4以上)
filterプロパティのGlow()は、背後から光を当てたような効果(グロー効果)を与える際に使用します。 filter:glow()の書式で指定する場合には、 paddingプロパティでグロー部分のスペースを確保してやる必要があります。 ■値
■使用例スタイルシート部分は外部ファイル(sample.css)に記述。p.sample1 {filter:progid:DXImageTransform.Microsoft.Glow(Color=yellow,Strength=10); } p.sample2 { filter:glow(Color=yellow,Strength=10); padding:10px; } HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="sample1">フィルタ効果Glow()</p> <p class="sample2">フィルタ効果Glow()</p> </body> </html> ↓↓↓ ブラウザ上の表示フィルタ効果Glow() フィルタ効果Glow() ■関連項目
BasicImage()・・・・・透過・回転・反転・グレースケールなどを指定する
fliph()・・・・・左右反転する flipv()・・・・・上下反転する invert()・・・・・色(色相・明度・彩度)を反転する xray()・・・・・X線効果(グレースケールにして反転)を適用する Alpha()・・・・・透過表示にする Chroma()・・・・・特定の色を透明にする MaskFilter()・・・・・指定した色でマスクをかける Glow()・・・・・背後から光を当てたような効果を与える DropShadow()・・・・・ぼかしのない影をつける Shadow()・・・・・ぼかしのある影をつける Blur()・・・・・ぼかす MotionBlur() / blur()・・・・・方向を指定してぶれさせる Wave()・・・・・波状に歪めて表示する Pixelate()・・・・・モザイク表示にする Emboss()・・・・・浮き彫り表示(エンボス)にする Engrave()・・・・・彫り込み表示(エングレーブ)にする Matrix()・・・・・二次元面を傾けたような表示にする Gradient()・・・・・背景と内容の間にグラデーションの面を表示する zoom・・・・・・・・・・・拡大・縮小表示する(IE独自の仕様) |
|