CSS3中的文本陰影(text-shadow)可以為元素中的文本添加指定的顏色和大小的陰影效果。該技術可以實現更多的文本效果,比如描邊效果、發光效果等。
p{ text-shadow:2px 2px 3px #000; }
上面的代碼為p元素的文本添加了一個2像素偏移、3像素大小、黑色的陰影效果。
在text-shadow中,可以設置多個陰影效果,每個效果用逗號隔開。例如:
p{ text-shadow:2px 2px 3px #000, -2px -2px 3px #fff; }
上面的代碼為p元素的文本添加了兩個陰影效果:一個是黑色的向右下偏移的陰影,另一個是白色的向左上偏移的陰影。
除了設置固定的顏色和大小外,可以使用rgba顏色值來設置透明的陰影效果,如下:
p{ text-shadow:2px 2px 3px rgba(0,0,0,0.5); }
上面的代碼為p元素的文本添加了一個黑色的透明陰影效果,透明度為50%
總的來說,CSS3中的文本陰影功能非常強大,可以為元素的文本添加多種效果,為頁面增添很大的美觀性。
上一篇java引用部分和什么