Skip to content

阴影(box-shadow)

简介

支持 box-shadow 属性用于设置元素阴影。

参数

  • <offset-x>px 单位长度值,用来设置阴影偏移量。<offset-x> 设置水平偏移量,如果是负值则阴影位于元素左边。 <offset-y> 设置垂直偏移量,如果是负值则阴影位于元素上面。如果两者都是 0,那么阴影位于元素后面。这时如果设置了 <blur-radius><spread-radius> 则有模糊效果。
  • <offset-y>px 单位长度值,用来设置阴影偏移量。<offset-x> 设置水平偏移量,如果是负值则阴影位于元素左边。 <offset-y> 设置垂直偏移量,如果是负值则阴影位于元素上面。如果两者都是 0,那么阴影位于元素后面。这时如果设置了 <blur-radius><spread-radius> 则有模糊效果。
  • <blur-radius> 设置模糊半径,px 单位长度值,值越大,模糊面积越大,阴影就越大越淡。不能为负值。默认为0,此时阴影边缘锐利。
  • <color> 设置阴影颜色,可参考 CSS 颜色单位。