css - テキストのトップシャドウとは何ですか？

Question

次のようなテキストの要件があります。

トップシャドウ：2px、＃000、75％

どういう意味ですか？それはただtext-shadowですか？75％はどういう意味ですか？

Answer 1

Top Shadowは、この投稿で説明されているように、CSS3box-shadowと疑似セレクターを使用して、要素:beforeをターゲットにしてブラウザー バーの下に影を追加します。body

CSS にはビットtop-shadowに関するプロパティはありません。Top shadow: 2px, #000, 75%ただし、text-shadow&がありbox-shadowます。

Answer 2

無効ですtext-shadow。

そのような例が必要な場合があります（正しい構文で）：

text-shadow: 0 0 2px rgba(0, 0, 0, .75);

また

text-shadow: 0 2px 2px rgba(0, 0, 0, .75); /* down shadow */

注:
rgba(0, 0, 0, .75) =#000不透明度 75%

更新: @ Xanderは、あなたが私たちに尋ねたテクニックを見つけました。box-shadowCSSで生成されたコンテンツを使用して、以下を使用しています：

body:before {
    content: '';
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .75);
            box-shadow: 0 2px 2px rgba(0, 0, 0, .75);
    z-index: 100;
}