                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /十天精通CSS3

請(qǐng)問(wèn)這text-shadow后面的都是什么意思

text-shadow: 1px ?1px 1px #ccc,

? ? ? ? ? ? ? ? ? 0 0 10px #fff,

? ? ? ? ? ? ? ? ? ?0 0 20px #fff,

? ? ? ? ? ? ? ? ? ?0 0 30px #fff,

? ? ? ? ? ? ? ? ? ?0 0 40px #ff00de,

? ? ? ? ? ? ? ? ? ?0 0 70px #ff00de,

? ? ? ? ? ? ? ? ? ?0 0 80px #ff00de,

? ? ? ? ? ? ? ? ? ?0 0 100px #ff00de,

? ? ? ? ? ? ? ? ? ?0 0 100px #ff00de;

oceo

2017-09-05

源自：十天精通CSS3 1-1

關(guān)注問(wèn)題我要回答

2930

操作

收起

7 回答

lvchyg 回答被采納 +2 積分
2017-09-05

text-shaodow 為文本陰影，上面意思是設(shè)置了多個(gè)陰影效果。

text-shadow: X-Offset Y-Offset blur color;

X-Offset：表示陰影的水平偏移距離，其值為正值時(shí)陰影向右偏移，反之向左偏移；??????

Y-Offset：是指陰影的垂直偏移距離，如果其值是正值時(shí)，陰影向下偏移，反之向上偏移；

Blur：是指陰影的模糊程度，其值不能是負(fù)值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設(shè)置為0；

Color：是指陰影的顏色，其可以使用rgba色。

4 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_慕后端7125936
2022-01-11

文本陰影效果

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

星櫟
2021-03-25

text-shadow 曾經(jīng)在 CSS2 中就出現(xiàn)過(guò)，但在 CSS 2.1版本中又被拋棄了，現(xiàn)在 CSS3 版本又重新?lián)旎貋?lái)了。這說(shuō)明 text-shadow 這個(gè)屬性非常值得我們做前端的人員重視，而且 CSS3 這么多屬性中，我個(gè)人覺(jué)得 text-shadow 運(yùn)用得是最多的一個(gè)屬性，作為我們前端人員我覺(jué)得有必要學(xué)習(xí)并掌握這個(gè) text-shadow 屬性。

text-shadow還沒(méi)有出現(xiàn)時(shí)，大家在網(wǎng)頁(yè)設(shè)計(jì)中陰影一般都是用photoshop做成圖片，現(xiàn)在有了css3可以直接使用text-shadow屬性來(lái)指定陰影。這個(gè)屬性可以有兩個(gè)作用，產(chǎn)生陰影和模糊主體。這樣在不使用圖片時(shí)能給文字增加質(zhì)感。

我個(gè)人覺(jué)得text-shadow運(yùn)用得是最多的一個(gè)屬性，作為我們前端人員我覺(jué)得有必要學(xué)習(xí)并掌握這個(gè)text-shadow屬性。

基本語(yǔ)法：

text-shadow?：?none?|?<length>?none?|?[<shadow>,?]?*?<shadow>?或none?|?<color>?[,?<color>?]*
也就是：
text-shadow:[顏色(Color)??x軸(X?Offset)?y軸(Y?Offset)?模糊半徑(Blur)],[顏色(color)?x軸(X?Offset)?y軸(Y?Offset)?模糊半徑(Blur)]...
或者
text-shadow:[x軸(X?Offset)?y軸(Y?Offset)??模糊半徑(Blur)??顏色(Color)],[x軸(X?Offset)?y軸(Y?Offset)??模糊半徑(Blur)??顏色(Color)]...