用css做一个毛玻璃特效
时间: 2024-06-06 16:08:03 浏览: 148
可以通过设置元素的背景模糊和透明度来实现毛玻璃特效。
HTML代码:
```html
<div class="blur"></div>
```
CSS代码:
```css
.blur {
background-image: url('your-image-url');
filter: blur(10px);
opacity: 0.8;
}
```
说明:
- 在`.blur`选择器中,设置了背景图片和模糊度,可以根据实际需要调整模糊度。
- 通过`opacity`属性设置透明度,根据实际需要调整透明度。
效果:
![毛玻璃特效](https://i.imgur.com/3Fq0yX9.png)
阅读全文