css3投影怎么设置不透明度

css3投影怎么设置不透明度

box-shadow 属性用于在元素的框架上添加阴影效果 ,该属性可设置的值包括,X偏移,Y偏移,阴影模糊半径,阴影扩散半径,和阴影颜色并以多个逗号分隔。

设置投影的不透明度我们可以设置阴影颜色来实现,只需要指定颜色为rgba模式即可,a就是不透明度。范围是0-1。0完全透明,1完全不透明。

(推荐学习:CSS视频教程

示例:

.box{
    width: 100px;
    height: 100px;
    box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
}

<div class="box"></div>

左边为不透明的投影,右边为透明40��投影。

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css3投影怎么设置不透明度的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读