?
このドキュメントでは、 php中國(guó)語(yǔ)ネットマニュアル リリース
text-shadow:none | <shadow> [ , <shadow> ]*
<shadow> = <length>{2,3} && <color>?
默認(rèn)值:none
適用于:所有元素
繼承性:有
動(dòng)畫性:是
計(jì)算值:1個(gè)顏色加3個(gè)絕對(duì)長(zhǎng)度
none:無(wú)陰影
<length>①:第1個(gè)長(zhǎng)度值用來(lái)設(shè)置對(duì)象的陰影水平偏移值??梢詾樨?fù)值
<length>②:第2個(gè)長(zhǎng)度值用來(lái)設(shè)置對(duì)象的陰影垂直偏移值??梢詾樨?fù)值
<length>③:如果提供了第3個(gè)長(zhǎng)度值則用來(lái)設(shè)置對(duì)象的陰影模糊值。不允許負(fù)值
<color>:設(shè)置對(duì)象的陰影的顏色。
可以設(shè)定多組效果,每組參數(shù)值以逗號(hào)分隔。多組陰影特殊效果,Demo: 火焰文字 霓虹文字
對(duì)應(yīng)的腳本特性為textShadow。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-9.0 | 2.0-3.0 | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
10.0+ | 3.5+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>text-shadow_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test li{margin-top:10px;} .test .mormal p{text-shadow:1px 1px rgba(0,0,0,.3);} .test .blur p{text-shadow:1px 1px 1px rgba(0,0,0,.3);} .test .group p{text-shadow:1px 1px 0 rgba(255,255,255,1),1px 1px 2px rgba(0,85,0,.8);} </style> </head> <body> <ul class="test"> <li class="mormal"> <strong>普通文字陰影</strong> <p>測(cè)試普通文字陰影效果</p> </li> <li class="blur"> <strong>模糊文字陰影效果</strong> <p>測(cè)試模糊文字陰影效果</p> </li> <li class="group"> <strong>多重模糊文字陰影效果</strong> <p>測(cè)試多重模糊文字陰影效果</p> </li> </ul> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例