网站背景图像水平动画Infinate Loop？ [英] Website Background Image Horizontal Animation Infinate Loop?

问题描述

我想在我的网站背景上放置一张云图像的图片，这些云图像会慢慢地，但是从左到右或从右到左无限制地形成动画。我不擅长编码，但我认为jQuery插件应该可以解决问题。我已经有了CSS的渐变背景，所以我只想在网站的bg和内容之间设置一些白云来制作动画。对不起，如果这是一个非常Duh的问题！或者HTML5？

I want to put a picture/s of cloud images like vector of clouds that will slowly, but infinitely animate form left to right, or right to left, on my website background. I'm not not good with coding but I thought a jQuery plugin should do the trick. I already have a gradient background with CSS so I'd just like to put some white clouds to animate between the bg and content of the site. Sorry if this is a very "Duh" question! Or maybe HTML5?

推荐答案

您可以使用jquery和间隔来改变背景位置：

You can alter background position using jquery and intervals:

http://www.catswhocode.com/blog/animated -background-image-with-jquery

*该演示提供了404页面，但下载了ZIP文件，你很高兴去，并记得将重复背景设置从 repeat-y 更改为 repeat-x 。取决于你想要的。

*The demo gives a 404 page, but download the ZIP file and you are good to go, and remember to change the repeat background setting from repeat-y to repeat-x. Depends on what you want.

PS。他们在可下载的示例中使用云！ ;）

PS. They use clouds in the downloadable example! ;)

这篇关于网站背景图像水平动画Infinate Loop？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！