請問這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)注問題我要回答

2908

操作

收起

7 回答

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

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

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

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

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

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)過，但在 CSS 2.1版本中又被拋棄了，現(xiàn)在 CSS3 版本又重新?lián)旎貋砹恕＿@說明 text-shadow 這個屬性非常值得我們做前端的人員重視，而且 CSS3 這么多屬性中，我個人覺得 text-shadow 運用得是最多的一個屬性，作為我們前端人員我覺得有必要學(xué)習(xí)并掌握這個 text-shadow 屬性。

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

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

基本語法：

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)]...