渐变光晕背景

点击颜色打开系统色盘，自由选色

内容区域

颜色 1

颜色 2

角度-45°

模糊20px

偏移 Y20px

缩放95%

透明度70%

圆角15px

CSS 代码

.card {
  position: relative;
  border-radius: 15px;
  background: #ffffff;
  overflow: hidden;
}

.card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(-45deg, #fe7cbd, #2d3af0);
  transform: translate3d(0, 20px, 0) scale(0.95);
  filter: blur(20px);
  opacity: 0.7;
  border-radius: inherit;
  z-index: -1;
}