关闭

css3之box-shadow属性

90人阅读 评论(0) 收藏 举报

容器阴影   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;

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:10440次
    • 积分:363
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:12篇
    • 译文:0篇
    • 评论:0条
    文章存档