2010-12-23 9 views

Respuesta

34

Lo hice, después de un corte fino que he creado la imagen perfeccionada para el trabajo. Aquí está la imagen gif: alt text

Y aquí es una demostración en vivo 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; 
} 

Este gif puede haber repetí yo nfinitely y aún se ven como una gran imagen animada completa.

+0

Gracias por el ordenado GIF. =) – modiX

-1

un gif carga siempre tiene una animación - si se repite el gif, esta animación se reproducirá por imagen - no sé si que se ve muy bien

+0

Lo sé, esperaba que alguien supiera de un gif simétrico que no se vería mal cuando se repitiera. – Pablo

+0

no creo que funcione. tendrás que crear tu propio gif que sea tan grande como lo necesites –

+0

Funcionará, estoy en mi teléfono ahora, pero si pudieras probar la imagen en mi publicación verás que solo falla (fuera de sincronización) por un momento, si pudiera encontrar una manera de recortar esa imagen podría hacer que funcione – Pablo