サイト内検索

...スタイルシート(css)...

スタイルシート・フィルタ

輝かせる

輝かせるさせるフィルタは、glowプロパティを指定します。
(周囲が炎のような感じになります)
光の色や強さを指定できます。
[使い方]
［スタイルシート]
.sample{
filter: glow(color=orange, strength=100);
}
［ｂｏｄｙの中］
<img src="../img/sample.jpg" class="sample">
ＩＥにのみに対応しています。
[メモ]
color・strengthは、
W3C・CSS検証サービスでは、推奨されていません。
プロパティ名 説明
color 光の色
strength 光の強さ
1（弱）〜254（強）

サンプル

フィルタを使用していない状態
画像

<img src="../img/sample.jpg" alt="画像" width="120" height="90">

☆★文字★☆

<div style="font: bold 170% sans-serif; width: 100%;">
☆★文字★☆
</div>

《ｂｏｄｙに直接書いた場合》

光の色
画像

<div style="width: 100%; padding: 20px;
filter: glow(color=orange);">
<img src="../img/sample.jpg" alt="画像" width="120" height="90">
</div>
画像

<div style="width: 100%; filter: glow(color=orange);">
<img src="../img/sample.jpg" alt="画像" width="120" height="90">
</div>
☆★文字★☆

<div style="font: bold 170% sans-serif; width: 100%;
padding: 10px;
filter: glow(color=blue);">
☆★文字★☆
</div>

光の強さ
画像

<div style="width: 100%; padding: 15px;
filter: glow(color=#0000ff, strength=30);">
<img src="../img/sample.jpg" alt="画像" width="120" height="90">
</div>
☆★文字★☆

<div style="font: bold 170% sans-serif; width: 100%;
padding: 15px;
filter: glow(color=#0000ff, strength=15);">
☆★文字★☆
</div>

Copyright c 2007.10.01 luc All rights reserved.