css 高斯模糊两端渐变

要实现CSS高斯模糊两端渐变效果，你可以使用伪元素::before和::after，将它们分别设置在背景的两端，然后使用背景渐变和高斯模糊来达到效果。

下面是一个示例代码：

section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  filter: blur(10px);
}

section::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  filter: blur(10px);
}

这段代码会在section元素的两端添加伪元素::before和::after，并使用背景渐变和高斯模糊来实现两端的渐变效果。