css3之box-shadow属性

容器阴影   box-shadow

例:box-shadow:1px 2px 30px 40px rgba(255,255,255,0.8) inset;

说明:

h-shadow  1px   必须  水平阴影的位置,默认值为0,正值在容器的右边,负值在左边;
v-shadow  2px   必须  垂直阴影的位置,默认值为0,正值在容器的下边,负值在上边;
blur           30px  可选  模糊距离,默认值为0,只能是正值;
spread      40px  可选  阴影的尺寸,默认值为0,正值变大,负值变小;
color         rgba(255,255,255,0.8) 可选  阴影颜色  默认为黑色;

inset         可选  将外部阴影(outset) 改为内部阴影  默认是outset;

//<img/>的inset无效,outset有效//


一个容器可设置多个阴影,它们之间用逗号隔开;先写的在最上层

例:box-shadow:0px 0px 0px 40px rgba(255,255,255,0.8) ,10px 10px 0px 10px green;

  后写的绿色的阴影将被白色的挡住;

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

css3之box-shadow属性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭