ヤコブMontrasioのネット。

CSSをテキストシャドウ付け加えた。

/ / 2008年2月26日/ / インターネット 、 技術

私の周りに手を加え、いくつかのより良いテキストは見出しに影を追加することにしたブログ。 しかしそれを見る場合は、おそらく世界wontブラウザは、第3回を使用している、これはSafariのCSSのもののみサポートされている。

今間違って、私はFirefoxを使用してきた自分自身かなり年間、地獄、私たちもそれを後ろに、オムは、 2003年にリリースパーティのメインに構成してみようか？ ハイデルベルクでは非常に最初のリリースは、ドイツ。

しかし、デジタル友人ベンSaftメインはSafariのプラグインを導入し 、私はそれを試し、それをsticked 、振り返ってみることはない。 サファリ＆ Saft一緒に実際には、ナットのフォックスキック。 それがありますので、多くの機能が、ここでそれを確認してください。 それは何もすべての素晴らしい機能を提供するために近くの費用とし、深刻なブロガーやサーファーを持っている必要があります。

この点は、 SafariのWebサイトの方がずっといい対策のいくつかの種類のテキストにエイリアスを使用して見えるようです。 サーフィンは多くの場合は以前よりもずっと快適なのがたくさん読んでください。

とにかく、は、 CSSに戻る。 そこでどのようにして、スタイルシートでは、 CSS宣言を使うのですか？

ここにいくつかの例です。

Safariでこれだけを読むことができます。

上記の項に次のテキストを、影の設定：本文の影： ＃ 000 0px 0px 3px ;色： ＃ fff使用しています; 。

赤い影についてはどうですか？

上記の項に次のテキストを、影の設定：本文の影： ＃ f00を使用して2px 2px 2px ; 。

エレガントな見出し影が必要ですか？

上記の項に次のテキストを、影の設定：本文の影： ＃ aaaを使用しています1px 1px 1px ; 。

ここでは、テキストの上でいくつかの影の...

上記の項に次のテキストを、影の設定：本文の影： 0px - 5px 1px ＃ 666を使用して; 。

青い影遠くない？ ノープロブレム！

上記の項に次のテキストを、影の設定：本文の影： ＃ 00fを使用して15px 15px 3px ; 。

最後の例：エクストリーム影ぼけ！

上記の項に次のテキストを、影の設定：本文の影： ＃ 6f0使用しています3px 3px 5px ; 。

右ニース？

これはかなり適用するには、一般的にはあなたの影を設定するには4つの値が簡単です：

1 。 最初の場合は、影の色を設定。 ＃ f00赤、 ＃ 0f0のためのように緑色。 任意の16進数の色が可能です。

2 。 これで（例： 5px ）のテキスト（ X軸） 、 5ピクセルの水平方向のスペースを設定してください。 任意の数のことが、私はここにピクセルを使用することをお勧めすることはできます。

3 。 次に、縦のスペースは、テキストへの相対（ y軸） 、 （例： 3px ）の3ピクセル。

4 。 最後の設定は、影のぼかしの量が必要です。 5px 、影の中の任意の設定を完全に読めなくなる0pxの値なしで、影のぼかしを与える。 1pxと私の間に3pxの設定をお勧めします。

場合には、ベータ版をダウンロードしてください...ここに与えてやりたいあ、およびSafariは、 Windowsの現在利用可能です ！

おわかりのように（ある場合）は、この非常にクールな宣言とはかなりの見出しや画像を使用することなく、そのような場合に便利ですサファリスタイルを使用しています。 他のブラウザのみの場合もそれを支持するだろう...

のは将来どうなるのか見てみよう！