在div旁边，CSS背景变得模糊

是通过CSS的filter属性来实现的。具体来说，可以使用blur()函数来给背景添加模糊效果。

答案中提到的CSS属性和函数如下：

1. filter属性：用于对元素的可视效果进行处理，包括模糊、饱和度、对比度等。可以通过filter属性来实现背景模糊效果。
2. blur()函数：filter属性的一个函数值，用于给元素添加模糊效果。可以通过设置blur()函数的参数值来控制模糊程度。

下面是一个示例代码，演示如何在div旁边实现背景模糊效果：

HTML代码：

<div class="container">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

CSS代码：

.container {
  position: relative;
  background-image: url("背景图片地址");
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); /* 设置半透明背景 */
  backdrop-filter: blur(10px); /* 添加模糊效果 */
}

在上述代码中，通过设置.container的背景图片和尺寸，以及.content的宽度和高度，实现了一个占据屏幕一半宽度的内容区域。通过设置.content的背景颜色为半透明的白色，并使用backdrop-filter属性的blur()函数来添加模糊效果，从而实现了在div旁边的背景模糊效果。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），可以加速网站的访问速度，提供更好的用户体验。产品介绍链接地址：https://cloud.tencent.com/product/cdn