我想使文本陰影效果按照下面的例子：文字陰影CSS工作不正常
這是我創造：
.yb-shipping {
color: #f2de4d;
font-family: Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
text-shadow: 0 0 2px rgba(1, 96, 116, 1);
text-transform: uppercase;
}<div class="yb-shipping">Free Shipping</div>無法制作附件，我應該嘗試除文字陰影以外的其他內容嗎？
請建議
如果使用模糊半徑，陰影就會模糊，這不是預期的結果。
但是，您可以使用多個文字陰影。這就是解決方案：在不同的方向上添加其中的幾個模糊半徑爲0的模糊半徑。
.yb-shipping {
color: #f2de4d;
font-family: Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
text-shadow: -2px -2px 0 rgba(1, 96, 116, 1),
2px -2px 0 rgba(1, 96, 116, 1),
-2px 2px 0 rgba(1, 96, 116, 1),
2px 2px 0 rgba(1, 96, 116, 1),
-3px 0 0 rgba(1, 96, 116, 1),
3px 0 0 rgba(1, 96, 116, 1),
0 -3px 0 rgba(1, 96, 116, 1),
0 3px 0 rgba(1, 96, 116, 1);
text-transform: uppercase;
}<div class="yb-shipping">Free Shipping</div>您可以按以下使用-webkit-text-stroke：
.yb-shipping {
color: #f2de4d;
font-family: Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
-webkit-text-stroke: 2px rgba(1, 96, 116, 1);
text-transform: uppercase;
}
請參閱以下內容： -
https://jsfiddle.net/enryhfz3/
如果你改變你的文字陰影到： -
text-shadow:
-1px -1px 5px rgba(1, 96, 116, 1),
1px -1px 5px rgba(1, 96, 116, 1),
-1px 1px 5px rgba(1, 96, 116, 1),
1px 1px 5px rgba(1, 96, 116, 1);
您可以組合許多陰影
.yb-shipping {
color: #f2de4d;
font-family: Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
text-shadow:
2px 2px 2px rgba(1, 96, 116, 1),
-2px 2px 2px rgba(1, 96, 116, 1),
2px -2px 2px rgba(1, 96, 116, 1),
-2px -2px 2px rgba(1, 96, 116, 1);
text-transform: uppercase;
}<div class="yb-shipping">Free Shipping</div>該發電機可以幫助你做出文字陰影更accureate。 http://css3gen.com/text-shadow/和http://www.css3generator.in/text-shadow.html 這些代碼可以直接複製和粘貼。
MDN（https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke）說：「不要在面向Web的生產站點上使用它：它不起作用對於每個用戶來說，實現之間也可能存在很大的不兼容性，並且行爲在未來可能會發生變化。「 –