动态加载的gif图片作为重复的背景图像

Question

我希望能找到类似于这样的东西：

_{(来源: opengraphicdesign.com)}

但是它可以作为html元素的重复背景，并且看起来像一个完整的块。

例如，将80x80的gif作为400x400 DIV中的重复背景，这将产生一个大的400x400动画图像的错觉。

我在哪里可以找到这样的GIF？

- Pablo

Answer 1

我做到了，在一些精细的剪裁后，我已经创建了完美的工作图像。这是 gif 图像： 这是一个实时演示：http://jsfiddle.net/dtxSW/94/ HTML：

<span></span>
<span></span>
<div></div>

CSS：

div {
  background:url('http://i.stack.imgur.com/tQTRW.gif') repeat;
  height: 500px;
}

span {
  width: 108px;
  height: 18px;
  display: block;
  background:url('http://i.stack.imgur.com/tQTRW.gif') repeat-x left;
}

这个gif可以无限重复播放，仍然看起来像一个整体的动态图。

- Pablo

---

谢谢这个很棒的GIF图。=) - Martin Braun

Answer 2

试试wegif.com

- adardesign

Answer 3

一个 loading gif 总是有动画 - 如果你重复使用这个 gif，这个动画会在每张图片上播放 - 我不知道那看起来是否很好。

- Gerhard Presser

---

我知道，我希望有人知道一个对称的gif，当重复时不会看起来很假。 - Pablo

我认为这不可行。你需要自己创建一个与所需大小相同的 GIF。 - Gerhard Presser

它会起作用的，我现在在用手机，但如果你能测试一下我帖子中的图片，你会发现它只是稍微有点缺失（不同步），如果我能找到一种裁剪那张图片的方法，我可能会让它起作用。 - Pablo