css 中间透明 |css转3d

1. 使用opacity属性实现透明效果。

.box{
opacity: 0.5;   //设置透明度为50%
}

2. 使用RGBA函数设置透明度。

.box{
background-color: rgba(0,0,0,0.5);   //设置背景色为黑色，透明度为50%
}

3. 使用background-color设置颜色，再配合linear-gradient函数设置透明度。

.box{
background: linear-gradient(to bottom, #000000 0%,#000000 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);   //设置渐变背景，透明度为50%
}

4. 使用box-shadow实现透明效果。

.box{
box-shadow: 0 0 10px rgba(0,0,0,0.5);   //设置阴影为黑色，透明度为50%
}

以上是常用的一些实现方式，使用时可以根据具体情况选择适合自己的方法。