css玻璃布局和背景透明
所属分类: CSS 2019-03-18 10:01:45 编辑：admin 浏览次数 1183 次
背景透明，加阴影
<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 越小越透明
猜你喜欢
- JavaScript中的CSS属性对照表 2018-07-06
- css解决ie兼容性问题技巧 2018-07-06
- border-radius兼容性的2个解决办法 2018-08-08
- CSS如何实现文字两端对齐 2018-08-09
- 伪类解决移动端border宽度的问题 2018-08-31
- 解决子盒子在父盒子中左右居中，垂直居中的问题 2018-08-31