效果图

image.png

CSS

  1.  .close {
  2.    position: relative;
  3.    width: 50px;
  4.    height: 50px;
  5.    background: rgba(0, 0, 0, .2);
  6.    border-radius: 50%;
  7.    &::after, &::before {
  8.      content: '';
  9.      height: 30px;
  10.      width: 5px;
  11.      background: #fff;
  12.      transform: rotate(45deg);
  13.      position: absolute;
  14.      top: 10px;
  15.      left: 23px;
  16.    }
  17.    &::before {
  18.      transform: rotate(-45deg);
  19.    }
  20. }