文字陰影效果與CSS3

Question

我有以下的設計與CSS：

而且我愛的方式文本排序匯到背景中，像抑鬱症。現在，我嘗試使用CSS的一些其他的色彩複製效果相同：

正如你可以看到它看起來並不因爲它應該在第一幅圖像喜歡，該文本沒有與第一圖像相同的凹陷或「沉入」外觀。我試着玩CSS文字陰影效果，但我無法讓這三個看起來像第一個。

Answer 1

這裏是「插入」影子一些相當簡單的CSS -

.inset { 
 
    color: rgb(50, 50, 50); 
 
    font-size: 50px; 
 
    background-color: rgb(200, 200, 200); 
 
    text-shadow: rgb(175, 175, 175) -1px -1px 0px; 
 
}

<div class="inset">Inset Shadow</div>

你將不得不與這些設置發揮調整它們供您使用。

Answer 2

這是用於文字陰影生成的link。它與所有主流瀏覽器完全兼容。