発光させる

[新着] Webテンプレートを仮オープンしました


filter: glow(***);

ブラウザ
(独自拡張) Internet Explorer
参考
書式基本 要素名 クラス ID

glow は、発光させるフィルタです。
(周囲に炎のような効果を付けます)

光の色や強さを指定できます。


#example {
filter: glow(color=red, strength=100);
}


color 光の色
色の指定についてはスタイルシートの色指定をご覧ください。
strength 光の強さ
1(弱) 〜 254(強)

使用例

【フィルタなしの状態】

<img src="image/friend.gif" alt="IMG" width="170" height="140">
<img src="image/friend2.gif" alt="IMG" width="170" height="140">

IMG IMG

<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの表示テスト
</div>

フィルタの表示テスト

【光の色】

<div style="width: 100%; padding: 10px; filter: glow(color=red);">
<img src="image/friend.gif" alt="IMG" width="170" height="140">
</div>

IMG

<div style="width: 100%; filter: glow(color=red);">
<img src="image/friend2.gif" alt="IMG" width="170" height="140">
</div>

IMG

<div style="font: bold 170% sans-serif; width: 100%; padding: 10px; filter: glow(color=red);">
フィルタの表示テスト
</div>

フィルタの表示テスト

【光の強さ】

<div style="width: 100%; padding: 15px; filter: glow(color=#ffff00, strength=30);">
<img src="image/friend2.gif" alt="IMG" width="170" height="140">
</div>

IMG

<div style="font: bold 170% sans-serif; width: 100%; padding: 15px; filter: glow(color=#ffff00, strength=15);">
フィルタの表示テスト
</div>

フィルタの表示テスト


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版