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... 