13

我想找到这样的东西:


(来源:opengraphicdesign.com

但它可以是 html 元素上的重复背景,看起来像一个完整的块。

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

在哪里可以找到这样的 GIF

4

3 回答 3

36

我做到了,经过一些精细的切割,我为这项工作创造了完美的形象。这是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 可以无限重复,仍然看起来像一个大的整体动画图像。

于 2010-12-28T03:12:57.580 回答
0

试试wegif.com _

于 2010-12-23T14:08:33.683 回答
-1

加载 gif 总是有一个动画 - 如果你重复 gif,这个动画将按图像播放 - 我不知道这看起来是否很好

于 2010-12-23T14:10:14.153 回答