css实现毛玻璃效果

html：<div class="card"> </div>

css：

.card {
position: relative;
height: 270px;
width: 450px;
border-radius: 25px;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(30px);       （这句重点）
border: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
overflow: hidden;
}