# 毛玻璃效果

习惯了你给的甜,所有的糖果巧克力在嘴里都变得无味。
  main {
    height: 350px;
    background: url(https://dfairy-1258930237.cos.ap-shanghai.myqcloud.com/%E4%BA%BA%E7%94%9F1.jpg) fixed center  -50px/ cover no-repeat;
    position: relative;
    color: #fff;
    section {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      width: 80%;
      height: 50%;
      box-sizing: border-box;
      padding: 66px 30px;
      background-color: rgba(255, 255, 255, 0.5);
      font-size: 18px;
      &::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        filter: blur(10px);
        background: url(https://dfairy-1258930237.cos.ap-shanghai.myqcloud.com/%E4%BA%BA%E7%94%9F1.jpg) fixed center -50px / cover no-repeat;
        z-index: -1;
      }
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
Last Updated: 12/2/2019, 10:17:52 PM