、拡張パネル (図 3) の設定がすべての CSS フィルターの [視覚効果] の下に表示されます。これにより、グロー フィルターを選択できます。テキストには光るエッジ効果があります。グロー フィルターの構文形式は次のとおりです: Glow(Color=?, Strength=?)。これには 2 つのパラメーターがあります。 Color はハローの色を決定します。ffffff などの 16 進コード、または Red や Yellow などの単語を使用できます。を表します。強度は 0 ~ 255 の範囲の光度を表します。この例では、色を赤、光度を 8 に設定し、[OK] に設定します。
次に、この CSS スタイルをテーブルに適用します。カーソルをセルに移動し、ドキュメント ウィンドウの左下隅にあるラベルをクリックしてセルを選択し、CSS スタイル パネルで新しく作成したスタイルをクリックすると、ラベルが CSS スタイルを示すように変わります。セルに適用されました。ドキュメント ウィンドウでは変更が確認できません。F12 キーを押して IE でプレビューすると、効果が表示されます (図 4)。
どうでしょうか? Photoshopのフィルター効果と比べても遜色ありません。これらの特殊効果の単語を Web ページにいくつか配置すると、Web ページがさらに美しくなります。また、PrintScreen キーを使用して画面をキャプチャし、それを描画プログラムに貼り付けて保存して、別の画像にすることもできます。
影の言葉
テキストにシャドウ効果を生成できる CSS フィルターには、Drowshadow と Shadow という 2 つがあります。生成される効果は若干異なります。
シャドウ ワードの作成手順は基本的にハロー ワードの作成手順と同じです。CSS スタイルでフィルターを選択し直すだけです。
Drowshadow フィルターの構文は次のとおりです: DropShadow(Color=?, OffX=?, OffY=?, Positive=?)。
このうち、Color は影の色を 16 進数で表し、OffX と OffY はそれぞれテキスト位置からの影のずれの量をピクセル単位で表し、正はすべての不透明な影の作成を表します。要素、0 すべての透明な要素に対する可視シャドウの作成を表します。
たとえば、フィルターが DropShadow(Color=6699cc、OffX=2、OffY=2、Positive=1) に設定されている場合、効果は図 5 に示すようになります。
マスクワード
CSSフィルターにはマスク機能もあり、テキスト部分をマスクに加工することができます。背景に適切な画像を使用すると、美しい中空のテキスト効果を生み出すことができます。
1×1 表をドキュメント ウィンドウに挿入し、ドキュメント ウィンドウの左下隅にあるラベルをクリックして表全体を選択し、プロパティ インスペクターの背景画像で適切な画像を選択します (図 6 を参照)。次に、必要なテキストを入力します。
次に、セルにマスク フィルターを追加します。手順は前の 2 つの例と同様です。フィルターでマスク (Color=?) を選択します。このパラメーターはマスクの色を決定します。ここでは白を選択します。
注: 最終的な効果ではテキストがくり抜かれ、色が表示されないため、この例でのテキストの色の選択は重要ではありません。