CSS3盒模型陰影屬性
阿新 • • 發佈:2018-10-04
set 表示 設置 color lur 垂直 -o 可選參數 投影 CSS3盒子陰影
屬性box-shadow也是CSS3新增的一個重要屬性,用來定義元素的盒子陰影。
屬性box-shadow也是CSS3新增的一個重要屬性,用來定義元素的盒子陰影。
- inset: 陰影類型, 可選值。 如果不設置, 其默認的投影方式是外陰影; 如果取其唯一值“ inset”, 就是給元素設置內陰影。
- x-offset: 陰影水平偏移量, 其值可以是正負值。 如果取正值, 則陰影在元素的右邊, 反之取負值, 陰影在元素的左邊。
- y-offset: 陰影垂直偏移量, 其值可以是正負值。 如果取正值, 則陰影在元素的底部, 反之取負值, 陰影在元素的頂部。
- blur- radius: 陰影模糊半徑, 可選參數。 其值只能是正值, 如果取值 為“ 0” 時, 表示陰影不具有模糊效果, 如果取值越大, 陰影的邊緣就越模糊。
- spread- radius: 陰影擴展半徑, 可選參數。 其值可以是正負值, 如果取值為正值, 則整個陰影都延展擴大, 反之取值為負值, 則整個陰影都縮小。
- color: 陰影顏色, 可選參數, 如果不設定任何顏色 時, 瀏覽器會取默認色, 但各瀏覽器 默認色不一樣,
- 在圖片上加內陰影,先給圖片添加一個容器,如:div等,
CSS3盒模型陰影屬性