为一个html页面设置3个背景图片简单循环左滑切换

可以通过CSS3的动画和多个背景图片来实现3个背景图片简单循环左滑切换的效果。具体实现步骤如下：

1. 在HTML文件中，为页面设置一个div作为背景容器：

<div class="background"></div>

2. 在CSS文件中，设置背景容器的宽度和高度，并设置3个背景图片：

.background {
  width: 100%;
  height: 100%;
  background-image: url("bg1.jpg"), url("bg2.jpg"), url("bg3.jpg");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: cover, cover, cover;
  animation: slide 15s linear infinite;
}

其中，`background-image`属性设置3个背景图片，`background-repeat`属性设置不重复平铺，`background-size`属性设置背景图片的大小为容器大小，`animation`属性设置动画效果。

3. 定义动画效果：

@keyframes slide {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  33.33% {
    background-position: -100% 0, 0 0, 0 0;
  }
  66.66% {
    background-position: -100% 0, -100% 0, 0 0;
  }
  100% {
    background-position: 0 0, -100% 0, -100% 0;
  }
}

通过`@keyframes`定义一个名为`slide`的动画，设置不同时间点的背景图片位置，实现3个背景图片简单循环左滑切换的效果。

以上就是一个简单的3个背景图片循环左滑切换的实现方法。