CSS文本陰影是一種添加在文字周圍的灰影。在該影響下,文字與周圍的內(nèi)容會產(chǎn)生更加鮮明的對比。然而,如果您想要更加獨(dú)特的陰影效果,那么多重陰影就是您需要的。
text-shadow: 2px 2px 0px #000, 4px 4px 0px #fff;
上述代碼表示添加兩組陰影效果在文本周圍。第一組陰影2px偏移、陰影大小為0px的黑色陰影。第二組陰影4px偏移、陰影大小為0px的白色陰影。
可以利用多組陰影來打造更加立體的文字效果。同樣的理念可以用于實(shí)現(xiàn)不同色調(diào)停靠的字體效果。
text-shadow: 2px 2px 0px #000,
3px 3px 0px #888,
4px 4px 0px #ccc,
5px 5px 0px #ddd;
上述代碼定義了四組不同顏色、不同大小的陰影效果來打造一個漸變的文字效果。
最后,需要指出的是,不同Web瀏覽器對此技術(shù)的支持不盡相同。一些瀏覽器可能無法渲染支持文字陰影的效果。使用之前,請務(wù)必檢查瀏覽器的支持秒數(shù)。