Problemas en colocar CSS, imagen de movimiento

[helion]

hola amigos, veran soy nuevo en lo que es css ... espero me ayuden

el objetivo de este codigo con la imagen es de que este pueda fingir ser un gif con el css ...


sprite:

http://1.bp.blogspot.com/-B4U5n3JLq6...s1600/hola.png

y coloque lo siguiente:

Código PHP:

  <link rel="stylesheet" type="text/css" href="test_img_css.css"> 
 
<div id="saludo"></div> 
   

test_img_css.css

Código PHP:

  #saludo {
 background: url(hola.png) no-repeat left top;
 width: 50px;
 height: 72px;
 margin: 0 auto;
 box-shadow: 0 0 3px #444;
 animation: hola-2 1.5s steps(10) infinite;    
}
@keyframes hola-2 { 
  0% { background-position: 0px 0px; }
  100% { background-position: -500px 0px; }
 } 
   

pero solo he logrado que la imagen este estatica, mas en el ejemplo si llega a dar, no se que estoy haciendo algo mal espero me ayuden gracias...

[C2am]

Dado que es muy posible que hayas obtenido ese código aquí: http://ksesocss.blogspot.com/2012/12...s-con-CSS.html
Deberías leer los comentarios, sobre todo las respuestas de kseso sobre el uso de prefijos privativos.
Saludos

[pzin]

Siempre puedes usar yerbas como Prefix-free.

[helion]

Iniciado por C2am

Dado que es muy posible que hayas obtenido ese código aquí: http://ksesocss.blogspot.com/2012/12...s-con-CSS.html
Deberías leer los comentarios, sobre todo las respuestas de kseso sobre el uso de prefijos privativos.
Saludos

gracias no entendia muy bien por eso quise consultar aqui..

Iniciado por pzin

Siempre puedes usar yerbas como Prefix-free.

muchas gracias amigo me sirvio me funcina perfectamente