Анимированное изображение загрузки gif как повторяющийся фон

Я хотел бы найти что-то вроде этого:


(источник: opengraphicdesign.com)

Но это может быть повторяющийся фон для HTML-элемента и выглядит как целый блок.

Например, изображение размером 80x80 в качестве повторяющегося фона в DIV 400x400, которое создает иллюзию большого анимированного изображения 400x400.

Где я могу найти такой GIF

Ответы

Ответ 1

Я сделал это, после небольшого резки я создал улучшенный образ для работы. Вот изображение gif: alt text

И вот живая демонстрация 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 может повторяться бесконечно и по-прежнему выглядеть как одно большое целое анимированное изображение.

Ответ 2

Дайте wegif.com попробовать

Ответ 3

загрузка gif всегда имеет анимацию - если вы повторяете gif, эта анимация будет воспроизводиться на изображение - я не знаю, выглядит ли это очень хорошо