3

影/輝きのあるテキストが欲しいのですが、問題はテキスト自体がわずかに透明であり、影がその背後に表示され、テキストに色が付くことです。

color: rgba(226,229,226,0.88);
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #9c9c9c;
text-shadow: 0px 1px 29px #333;

これを達成するCSSメソッドはありますか? box-shadow は、影を落とすわずかに透明なアイテムの配色に影響を与えないように見えるため、この動作は一貫性がありません (特に、テキストをボックスと同じ外観にしたい場合)。

ここに、私が話していることを説明するための jsfiddle があります: http://jsfiddle.net/cutcopypaste/KzxrK/

4

1 に答える 1

1

テキストの後ろに、まったく同じテキストを背景色と同じサイズと形で追加できます。

このようなものとそれぞれのCSSを使用する：

<h1>█&lt;/h1><h1 class="c1">█&lt;/h1>

編集：編集したjsfiddlehttp://jsfiddle.net/KzxrK/2/でここに示されているように

于 2013-02-26T17:13:12.900 に答える