臧富祥 ^回到顶部

您的当前位置:首页 > web资讯 > CSS > css玻璃布局和背景透明

css玻璃布局和背景透明

所属分类: CSS   2019-03-18 10:01:45  编辑:admin  浏览次数 631 次

背景透明,加阴影

<style>  

 .zfx{ background: rgba(0, 150, 136, 0.25) !important;

    border: 1px solid rgba(0, 150, 136, 0.25) !important;

    box-shadow: 1px 2px 5px #5FB878;

float:left;

margin:10px;

color:#fff

}

.zhuti{

background: rgba(0, 140, 120, 0.25) !important;

}

</style>

<body style="background:#000">

<div style="width:500px;height:500px" class="zfx">阿大撒大撒阿萨大大神大神大神</div>

<br/>

<div style="width:500px;height:500px" class="zfx zhuti">阿大撒大撒阿萨大大神大神大神</div>

</body>

背景动态透明:

#5FB878 00;后面的两个数是透明度变换的值00-99 越小越透明

Web文章检索

Web文章目录