1

暗い挿入テキストの作成は簡単です。同じ単語を2回書くだけですが（この場合はtext-shadowを使用）、2回目に書くときは、それを少し右下にドロップして、不透明度のある明るい色で書きます。一度理解すれば簡単です。

私が抱えている問題は、白いはめ込みテキストです。白よりも白い色はないので、はめ込み文字の内側よりも上に多くの光があるような錯覚を作り出す方法はありません。私が思いつくことができる最高のものは白い最初のテキストですが、私は白い挿入テキストが欲しいです。

.dark {
    color:rgba(0, 0, 0, .6);
    text-shadow:2px 2px rgba(255, 255, 255, .1);
}
.light {
    color:rgba(200, 200, 200, 1);
    text-shadow:2px 2px rgba(0, 0, 0, .2);
}

</ p>

フィドル

ここに画像の説明を入力してください

IRCフィドルで答えが見つかりました 。ライトが左上から当たっているので、tlz軸がどこにあるかが暗く見えます。

4

2 に答える 2

2

さまざまな組み合わせを試す必要があります。また、複数のテキストシャドウを使用して、はめ込みテキストスタイルを作成しました。

私はあなたの軽いスタイルのためにこれをすることを好みます：

text-shadow:1px -1px rgba(0, 0, 0, .2);
于 2012-11-22T19:33:35.090 に答える
0

暗いテキストの影を明るいテキストの影の反対側に配置します。

text-shadow: -2px -2px rgba(0, 0, 0, .2);
于 2012-11-22T19:12:07.990 に答える