動畫加載GIF圖像,我想找到的東西是這樣的:爲重複背景
http://opengraphicdesign.com/wp-content/uploads/2009/01/bar180.gif
但是,它可以是一個HTML元素上重複的背景,看起來像一個整體塊。
例如,一個80x80 gif作爲400x400 DIV中的重複背景,會給出400x400大動畫圖像的錯覺。
我在哪裏能找到這樣的GIF
動畫加載GIF圖像,我想找到的東西是這樣的:爲重複背景
http://opengraphicdesign.com/wp-content/uploads/2009/01/bar180.gif
但是,它可以是一個HTML元素上重複的背景,看起來像一個整體塊。
例如,一個80x80 gif作爲400x400 DIV中的重複背景,會給出400x400大動畫圖像的錯覺。
我在哪裏能找到這樣的GIF
我做到了,經過一些精細切割後,我創造了完美的作品圖像。 這裏是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可以是重複我無限期而仍然是一個大整體的動畫形象。
給wegif.com一個嘗試
加載GIF總是有一個動畫 - 如果你重複GIF,這個動畫將每幅圖像發揮 - 我不知道那看起來很不錯
我知道,我希望有人知道一個對稱的gif,在重複時不會看起來很sh up。 – Pablo 2010-12-23 14:13:51
我不認爲它會起作用。你必須創建你自己的gif,它的大小和你需要的一樣大 – 2010-12-23 14:20:55
wegif已關閉 – JoshWillik 2016-02-01 17:39:55