13

I would like to find something like this:


(source: opengraphicdesign.com)

But that it can be a repeated background on an html element and looks like a whole block.

For example, a 80x80 gif as a repeated background in a 400x400 DIV that would give the illusion of a big 400x400 animated image.

Where can I find such a GIF

Community
  • 1
  • 1
Pablo
  • 5,897
  • 7
  • 34
  • 51

3 Answers3

35

I did it, after some fine cutting I've created the perfected image for the job. Here is the gif image: alt text

And here is a live demo http://jsfiddle.net/dtxSW/94/

HTML:

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

CSS:

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

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

This gif can be repeated infinitely and still look as one big whole animated image.

Pablo
  • 5,897
  • 7
  • 34
  • 51
0

Give wegif.com a try

adardesign
  • 33,973
  • 15
  • 62
  • 84
-1

a loading gif always has an animation - if you repeat the gif, this animation will play per image - i don't know if that looks very nice

Gerhard Presser
  • 464
  • 1
  • 4
  • 14
  • I know, I was hoping someone knew of a symetric gif that wouldn't look shoped up when repeated. – Pablo Dec 23 '10 at 14:13
  • i don't think it will work. you'll have to create your own gif which is as large as you need it – Gerhard Presser Dec 23 '10 at 14:20
  • It will work, I'm on my phone right now, but if you could test the image in my post you will see that it only misses(out of sync) by a bit, if i could find a way to crop that image I might make it work – Pablo Dec 23 '10 at 14:29