前端蒙层 & 毛玻璃效果

1,193 阅读1分钟

1. 蒙层

蒙层效果:

具体实现:用CSS3渐变

2. 毛玻璃

毛玻璃效果:

针对上面这个实现:上层div文字使用background设置rgba灰色半透明,z-index维度再加一个下层,使用filter: blur设置模糊,设置好背景图(用到filter,注意上层必须设置背景透明度,否则下层的模糊毛玻璃效果会被实体的上层背景图盖住)