css3阴影

-moz-box-shadow:2px 2px 5px #333333;

 -webkit-box-shadow:2px 2px 5px #333333; 

box-shadow:2px 2px 5px #333333;

box-shadow:2px 2px 5px rgba(254,215,129,0.4)

box-shadow:阴影水平偏移值(可取正负值)| 阴影垂直偏移值 (可取正负值)| 阴影模糊值 | 阴影颜色(rgba中前三个值为颜色rgb的值,最后一位为Alpha即透明度,取值0-1)


附注:透明度

opacity属性:配置背景颜色的透明度。值从0(完全透明)到1(完全不透明)。

注意:IE8以前的IE浏览器不支持opacity,配filter属性,值为1(透明)到100(完全不透明)之间的opacity级别。

例如:filter:alpha(opacity=60);

所以我们一般如下这样设置透明度
opacity:.0.6;
filter:alpha(opacity=60);


扫描二维码关注公众号,回复: 1579057 查看本文章

♦ 内阴影

.in{box-shadow:0px 0px 10px 5px #aaa inset;}




猜你喜欢

转载自blog.csdn.net/qq_42207957/article/details/80624392