box-shadow属性的参数设置取值
2017-09-26 14:07
204 查看
阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;
X-offset:阴影水平偏移量,其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;
Y-offset:阴影垂直偏移量,其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;
阴影模糊半径:此参数可选,,但其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;
阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;
阴影颜色:此参数可选。如不设定颜色,浏览器会取默认色,但各浏览器默认取色不一致,特别是在webkit内核下的safari和chrome浏览器下表现为透明色,
在Firefox/Opera下表现为黑色(已验证),建议不要省略此参数。
X-offset:阴影水平偏移量,其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;
Y-offset:阴影垂直偏移量,其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;
阴影模糊半径:此参数可选,,但其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;
阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;
阴影颜色:此参数可选。如不设定颜色,浏览器会取默认色,但各浏览器默认取色不一致,特别是在webkit内核下的safari和chrome浏览器下表现为透明色,
在Firefox/Opera下表现为黑色(已验证),建议不要省略此参数。
相关文章推荐
- 使用CSS3属性box-shadow设置div四周边框都有阴影
- CSS3之------box-shadow属性使用方法(1),即单边阴影效果设置
- CSS3 GENERATOR可以同时为一个元素完成border-radius、box-shadow、gradient和opacity多项属性的设置
- 通过CSS3的box-shadow属性设置块阴影
- agruments应用——求出函数参数的总合&&css函数——设置/读取对象的属性&&当前输入框高亮显
- Quartz job设置属性参数,动态执行jar
- CSS3新属性transition-property transform box-shadow
- box-shadow属性的详细描述和兼容性测试
- CSS3属性box-shadow使用教程
- ios layer shadow 属性设置
- iPhone之为UIView设置阴影(CALayer的shadowColor,shadowOffset,shadowOpacity,shadowRadius,shadowPath属性)
- html jsp servlet 页面之间传参数,与设置属性 的区别
- 让IE8支持CSS3属性(border-radius、box-shadow、linear-gradient)
- jQuery.ajax各种参数及属性设置
- form表单不设置method属性后果很严重,参数无法传递,第二次了搞了半天才找出原因
- css3 实现圆角边框的border-radius属性和实现阴影效果的box-shadow属性
- CSS中属性Padding的参数个数定义及值的设置
- iPhone之为UIView设置阴影(CALayer的shadowColor,shadowOffset,shadowOpacity,shadowRadius,shadowPath属性)
- 滚动文字Marquee属性及参数设置
- CSS3属性 box-shadow