Html 如何在css中在背景中滑动图像？

我正在尝试像这样滑动背景图像。我想实现这个效果

我已经使用了这些css属性

-webkit-animation: sliding 60s linear infinite;
background-attachment:scroll;

但不是为我工作

请给我提供正确的方向。

您需要使用@keyframes规则

范例-

@keyframes sliding {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

.somediv {
    animation: sliding 60s linear infinite;
}

不要忘记添加供应商前缀。从中了解有关关键帧规则的详细信息

---

看看上面链接中的答案。希望能有所帮助。

我想你忘了在css中添加以下内容：

@-moz-keyframes sliding{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1361px 0;
  }
}

你需要为此付出代价

@keyframes moveClouds {
    to {
        background-position: 100% 0;
    }
}
@-moz-keyframes moveClouds {
    to {
        background-position: 100% 0;
    }
}
@-webkit-keyframes moveClouds {
    to {
        background-position: 100% 0;
    }
}
#clouds {
    height:300px;
    width:600px;
    background: #FFF url(http://www.clipartbest.com/cliparts/Kin/eyg/Kineyg4RT.svg) repeat-x 0 0;
    animation: moveClouds 20s linear infinite;
    -ms-animation: moveClouds 20s linear infinite;
    -moz-animation: moveClouds 20s linear infinite;
    -webkit-animation: moveClouds 20s linear infinite;
}

---

您的滑动定义在哪里？您正在讨论的部分是：了解Infusionsoft如何帮助您的小企业成功填写表格开始。写什么？