CSS3 text-shadow 屬性

2018-08-04 21:48 更新

CSS3 text-shadow 屬性


實(shí)例

基本文字陰影(text-shadow):

h1
{
text-shadow: 2px 2px #ff0000;
}

嘗試一下 ?
在此頁底部有更多的例子。

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

屬性
text-shadow 4.0 10.0 3.5 4.0 9.6

屬性定義及使用說明

text-shadow 屬性應(yīng)用于陰影文本。

默認(rèn)值: none
繼承: yes
版本: CSS3
JavaScript 語法: object.style.textShadow="2px 2px #ff0000"


語法

text-shadow: h-shadow v-shadow blur color;

注意: text-shadow屬性連接一個或更多的陰影文本。屬性是陰影,指定的每2或3個長度值和一個可選的顏色值用逗號分隔開來。已失時效的長度為0。

描述
h-shadow 必需。水平陰影的位置。允許負(fù)值。
v-shadow 必需。垂直陰影的位置。允許負(fù)值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。參閱 CSS 顏色值。


Examples

更多實(shí)例

文字陰影模糊效果
這個例子演示了一個文字陰影模糊效果。

白色文字上的文字陰影
這個例子演示了一個白色的文本文字陰影。

氖輝光文字陰影
這個例子演示了用霓虹燈的光芒文字陰影。


相關(guān)文章

CSS3 教程: CSS3 Text Effects

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號