2

-webkit-filter:saturate(50%);(またはbrightness(80%);) がセレクター全体にどのように見えるかのように動作するテキスト シャドウまたはボックス シャドウを取得する方法はありますか? 基本的に、影が落ちるものは何でも飽和/非飽和にする必要があります。

なんで？画像の上にテキストを置いていますが、テキストの周りのスペースをぼかすか彩度を下げると、クールな効果が得られると思います。最終的に、効果は次のようになります。

ここに画像の説明を入力

これは白いテキスト シャドウではありません。基本的には、「覆い焼きカラー」のブレンド モードを使用したテキスト シャドウであり、これにより、求めている効果が得られます。CSSでこれを行う方法はありますか?

4

1 に答える 1

2

-webkit-filter: blur()考えられる解決策の 1 つとして、 と疑似要素の組み合わせが考えられます。例:デモ

これは、指定されたテキスト シャドーイングと組み合わせることもできます。テキストへの影響は実際には背景色を評価していないため、問題が完全に解決されるかどうかはわかりませんが、目的には役立つかもしれません. 興味深い課題であり、css に組み込むと便利な機能になります。

于 2013-09-22T08:29:07.227 に答える