Foros del Web - Ver Mensaje Individual

src · #1 (**permalink**) 07/07/2013, 11:12

Tengo una animación muy sencilla que funciona perfectamente en google chrome pero no en internet explorer 10. El código es el siguiente. Ojalá me puedan ayudar. De antemano, gracias.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:200px;
height:200px;
background-image:url(uno.jpg);
animation:cambia 40s;
-webkit-animation:cambia 40s;
}
 
@keyframes cambia
{
0%   {background-image:url(uno.jpg);}
25%  {background-image:url(dos.jpg);}
50%  {background-image:url(tres.jpg);}
75%  {background-image:url(cuatro.jpg);}
100% {background-image:url(uno.jpg);}
}
 
@-webkit-keyframes cambia
{
0%   {background-image:url(uno.jpg);}
25%  {background-image:url(dos.jpg);}
50%  {background-image:url(tres.jpg);}
75%  {background-image:url(cuatro.jpg);}
100% {background-image:url(uno.jpg);}
}
 
</style>
</head>
<body>
 
<div></div>
 
</body>
</html>