如何在CSS中實現非常輕微的文字陰影？

CSS中的屬性是在HTML中爲動態文本添加陰影的好方法。然而，瀏覽器（尤其是Safari瀏覽器，火狐）呈現相當強的陰影以很低的設置：如何在CSS中實現非常輕微的文字陰影？

text-shadow:1px 1px 2px #000; // still quite strong 
text-shadow:1px 1px 2px #000; // still quite strong 
text-shadow:0.01em 0.01em 0.01em #000; // some browsers do not even display this

我怎樣才能實現跨瀏覽器兼容的文本陰影它們還是不如前兩個給定文本陰影強，但仍顯示？有沒有解決這個問題的方法？

來源

2014-03-04 Blackbam

嘗試使用「弱」顏色：

text-shadow: 1px 1px 2px rgba(0,0,0, 0.25);

調整是0.25根據需要 - 的0值將是不可見的，1將是一樣的#000您目前使用。

來源

2014-03-04 15:36:05

兩個答案正確的，因爲奧里奧爾首先你會得到一個給予好評，而不是用於更詳細地解釋它。 – Blackbam

其實，我是第一個 - 我的回答是在15:36:05發佈的，而Oriol的是15:37:39;） –

好吧，我明白了 - 現在我知道早期答案在底部，讓我們做到另一個方式O :-) – Blackbam

你可以嘗試半透明text-shadow：

text-shadow:1px 1px 2px rgba(0,0,0,0.25);

Demo

來源

2014-03-04 15:37:39 Oriol

如何在CSS中實現非常輕微的文字陰影？

回答

相關問題