CSS陰影盒子

2022-02-24 15:35:54 字數 343 閱讀 2195

1.inset :(可選) 內陰影,不設定inset,表示盒子外部顯示乙個投影。也可寫在最後。

2.橫向偏移量:(必選) 設定為正值,表示陰影相對盒子向右偏移。負值表示陰影相對盒子向左偏移

3.縱向偏移量:(必選)設定正值,表示陰影相對盒子向下偏移,反之則相反。

4.模糊範圍(可選):值越大,陰影模糊範圍越大,顏色越淺。

5.擴充套件範圍(可選):值越小,陰影尺寸越小,值越大,陰影尺寸就越大。

6.陰影顏色:(可選)預設是黑色。可以用逗號將多個box-shadow屬性的值分開

box-shadow: 2px 2px 5px orange,inset 2px 2px 5px green;

css文字陰影和盒子陰影

文字陰影 text shadow 4個引數 水平陰影位置,垂直陰影位置,陰影模糊距離,陰影顏色 css h1 html 頁面效果 注意 text shadow的引數顏色可以寫在前面也可以寫在後面,但是不能寫在中間,否則沒有效果。h1 頁面效果 text shadow還支援樣式疊加 h1 頁面效果 注...

CSS盒子陰影 偽類

box shadow 水平陰影,垂直陰影,模糊距離,陰影尺寸,陰影顏色,內外陰影 注意 內陰影inset 外陰影預設值 after before 偽類 這兩個偽類功能 在目標盒子追加新盒子 after 子集結尾處追加盒子 before 子集開頭處追加盒子 注意 1.偽類追加的盒子顯示模式都是行內,一...

css中box shadow盒子陰影

影 box shadow x軸 y軸 rpx color 屬性說明 順序依次對應 陰影的x軸 可以使用負值 陰影的y軸 可以使用負值 陰影模糊值 大小 陰影的顏色 內陰影 box shadow x軸 y軸 rpx color inset 預設是 影 內陰影 inset 可以設定成內部陰此屬性使用於盒...