filter:progid:DXImageTransform.Microsoft.Glow(必要な値) …… 背後から光を当てたような効果を与える(IE5.5以上)




filter:glow(必要な値) …… 背後から光を当てたような効果を与える(IE4以上)






広告
filterプロパティのGlow()は、背後から光を当てたような効果(グロー効果)を与える際に使用します。
filter:glow()の書式で指定する場合には、
paddingプロパティでグロー部分のスペースを確保してやる必要があります。
- Color=光の色
- #rrggbbなどの書式やカラーネームで指定
- Strength=光の強さ
- 1~255の範囲で指定(初期値は5)
p.sample1 {
filter:progid:DXImageTransform.Microsoft.Glow(Color=yellow,Strength=10);
}
p.sample2 {
filter:glow(Color=yellow,Strength=10);
padding:10px;
}
<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()
広告