本文深入探讨了CSS中的box-shadow属性，包括其私有属性标识符(-moz, -webkit, -ms)的作用，以及如何通过设置x-offset、y-offset、blur和color来调整阴影效果。详细解释了rgba颜色模式及其透明度参数的应用。
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow的四个参数
x-offset x 轴偏移 0
y-offset y轴偏移 1px
blur 模糊值 3px
color of shadow 阴影颜色
rgba(0, 0, 0, 0.1); RGB是说颜色，a是指透明度
红40, 绿173, 蓝243, 透明度10%
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
