CSS效果记录

1、毛玻璃效果

.glass-blur-container{
  position: relative;
  overflow: hidden;

  &:before{
    content: ' ';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    right: 0;
    background: rgba(253, 103, 96, 0.45);
    z-index: -1;
    border-radius: 2px;
    overflow: hidden;
    backdrop-filter: blur(8px);
  }

}