网站背景图像水平动画Infinate Loop？
我想在我的网站背景上放置一张云图像的云图像，这些云图像会慢慢地，但是从左到右或从右到左无限制地形成动画。 我不擅长编码，但我认为jQuery插件应该可以解决问题。 我已经有了CSS的渐变背景，所以我只想在网站的bg和内容之间设置一些白云来制作动画。 对不起，如果这是一个非常“Duh”的问题！ 或者HTML5？
您可以使用jquery和interval更改背景位置：
http://www.catswhocode.com/blog/animated-background-image-with-jquery
*该演示提供了404页面，但下载了ZIP文件，您可以继续使用，并记住将重复背景设置从repeat-y更改为repeat-x 。 取决于你想要什么。
PS。 他们在可下载的示例中使用云！ ;）
您可以使用纯CSS动画：
HTML：
-picture of a cloud-
CSS：
@-webkit-keyframes move { 0% { left: 0px; } 50% { left: 1000px; } 100% { left: 0px; } } @-moz-keyframes move { 0% { left: 0px; } 50% { left: 1000px; } 100% { left: 0px; } } @-ms-keyframes move { 0% { left: 0px; } 50% { left: 1000px; } 100% { left: 0px; } } @-o-keyframes move { 0% { left: 0px; } 50% { left: 1000px; } 100% { left: 0px; } } @keyframes move { 0% { left: 0px; } 50% { left: 1000px; } 100% { left: 0px; } } #cloud { -webkit-animation: move 100s infinite; -moz-animation: move 100s infinite; -ms-animation: move 100s infinite; -o-animation: move 100s infinite; animation: move 100s infinite; }
也许你应该考虑这个问题和答案标记来帮助你：
- 用div和jquery连续循环