[新着] Webテンプレートを仮オープンしました
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">
<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>
<div style="width: 100%; filter: glow(color=red);">
<img src="image/friend2.gif" alt="IMG" width="170" height="140">
</div>
<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>
<div style="font: bold 170% sans-serif; width: 100%; padding: 15px; filter: glow(color=#ffff00, strength=15);">
フィルタの表示テスト
</div>