CSS3 box-shadow

box-shadow 属性记录(IE9+)

box-shadow: x y blur spread color inset;

x:表示水平(即X轴)阴影的位置。正值使阴影出现在元素的右边,负值出现在元素的左边

y:表示垂直(即Y轴)阴影的位置。正值使阴影出现在元素的下边,负值出现在元素的上边

blur:模糊距离,通过将x,y设置为0,调大模糊距离可以实现四周阴影效果

spread:元素到阴影的距离,正值会让阴影向各个方向按照指定的数值延伸。负值会让阴影收缩得比元素本身尺寸更小,通过将x,y设置为0,调大距离可以实现四周阴影效果

color:颜色

inset:【inset/outset】内外阴影选择

发表评论

电子邮件地址不会被公开。 必填项已用*标注