CSS3:box-shadow
css3属性box-shadow
box-shadow学习之后进行知识整理。box-shadow常用于制作阴影效果，如图
1.使用语法
box-shadow：offset-x offset-y 模糊半径大小 模糊扩展半径大小 插页 颜色
offset-x：设置水平偏移量，正值阴影位于元素右边，负值阴影位于元素左边
offset-y：设置垂直偏移量，正值阴影位于元素下边，负值阴影位于元素上边
模糊半径大小：不能为负值，默认为0；其中值越大，模糊面积越大，阴影就越大越浅
模糊扩展半径大小：默认为0；为正值，阴影扩大，负值，阴影收缩
插页：外部阴影（outset）和内部阴影（inset）
声明多个shadow的时候，中间使用逗号（,）隔开
2.使用案例
插页：outset（默认）
插页：inset
总结：
当插页为inset时
offset-x：正值阴影位于元素左边，负值阴影位于元素右边
offset-y：正值阴影位于元素上边，负值阴影位于元素下边
当插页为outset时
offset-x：正值阴影位于元素右边，负值阴影位于元素左边
offset-y：正值阴影位于元素下边，负值阴影位于元素上边
版权声明：本文为ld0105原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。