css玻璃布局和背景透明
2019-03-18 10:01:45 来源：admin 点击：936
背景透明，加阴影
<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 越小越透明