CSS裡的陰影屬性應用

2021-10-03 15:05:23 字數 824 閱讀 4750

text-shadow 是css文字陰影屬性單詞。

text-shodw:屬性值1 屬性值2 屬性值3 屬性值4

屬性值1:陰影橫向位置

屬性值2:陰影縱向位置

屬性值3:陰影的大小

屬性值4:陰影的顏色

下面做個示範:

text-shadow屬性值裡的30px就是陰影向右移動30畫素,20px是向下移動20畫素,這兩個可以為負值,就是反向移動。10px是陰影的大小,越大就越模糊,第四個屬性值red是紅色。

屬性值1:h-shadow 水平陰影的位置,可負值(必需要加)

屬性值2:v-shadow 垂直陰影的位置,可負值(必需要加)

屬性值3:blur 模糊距離 (可選)

屬性值4:spread 陰影的大小(可選)

屬性值5:color 陰影的顏色(可選)

屬性值6:inset 盒子內的陰影(可選)

第乙個屬性值50px是陰影往下移動50畫素,第二個畫素值是往右移動40畫素。第三個屬性值是模糊的距離,第四個值是顏色。

CSS屬性 陰影 輪廓 漸變

注 本文摘自 寧靜致遠 csdn 但願人長久 千里共嬋娟 csdn 使用box shadow屬性可以為元素新增陰影效果,比如 關鍵字是否必須作用值 h shadow 是陰影的水平偏移量 長度值,正值代表陰影向右偏移,負值代表陰影向左偏移 v shadow 是陰影的垂直偏移量 長度值,正值代表陰影向下...

css3的新屬性陰影屬性

css3的新屬性陰影屬性 box shadow ie9 firefox 4 chrome opera 以及 safari 5.1.1 支援 box shadow 屬性。語法是 box shadow h shadow v shadow blur spread color inset box shado...

css裡的position屬性

position屬性是css裡比較常用的乙個屬性,用於設定html頁面中的定位方法但是這個屬性初學者理解起來可能沒怎麼容易,現在我簡單的講一下這個屬性。position屬性指定乙個元素的定位方法的型別,它的值有5個 我學的時候是4個,但是我後來查相關文件時候又多出來乙個 使用了position後可以...