CSS3文字效果（文字輪廓和陰影效果）

這裏複製文本的效果是我試圖複製文本的圖像：

enter image description here

這裏是我現在所知道的：

h1 { 

font-size:4em; 
color: #E6012F; 

text-shadow: 
     3px 3px 0 #888087, 
    -1px -1px 0 #888087, 
     1px -1px 0 #888087, 
     -1px 1px 0 #888087, 
     1px 1px 0 #888087; 

}

這裏的主要問題是，如何做文本白色輪廓？

來源

2012-11-08 Satch3000

所有這些影子都沒有必要，可以達到預期的只此影響：

text-shadow: 1px 1px 1px #fff, 2px 2px 2px #111;

陰影放置的工作原理是，當它在聲明中定義，這樣，將白色的影子在層次結構開始時會將其放在灰色陰影的頂部，並使其看起來像一個邊框。

還值得注意的是，白色邊框只會顯示在陰影上而不顯示在文字周圍，因此將文字置於較暗的背景上時，不會顯示朝向單詞頂部和左側的白色邊框。

來源

2012-11-08 10:39:00 Beardy

你可以試試我的代碼

text-shadow: 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 3px 3px #000;

，如果你想幻影黑更多，你可以改變1px 3px 3px #000到1px 4px 3px #000以上

來源

2014-11-11 02:55:16

CSS3文字效果（文字輪廓和陰影效果）

回答

相關問題