hola amigos, tengo una duda haber si me la pueden resolver
Tengo en mi código css una caja (llamado agua) sus propiedades son
Código:
#agua {
width: 1280px;
height: 400px;
position: absolute;
top: 400px;
animation:aguac 15s infinite;
-moz-animation:aguac 15s infinite;
-webkit-animation:aguac 15s infinite;
-o-animation:aguac 15s ;
}
la animación de aguac trata de realizar un cambio de color de degradado, aquí esta el código (pondre solo la parte de mozilla)
Código:
@-moz-keyframes aguac{
0% {background-image: -moz-linear-gradient(top, #FFFFFF 0%, #3333CC 4%, #0033CC 84%, #000000 100%);}
100% {background-image: -moz-linear-gradient(top, #FFFFFF 0%, #A50013 4%, #7B0042 84%, #000000 100%);}
}
el detalle esta en que no me hace el cambio de color, se queda fijo, ¿Hay algo que estoy haciendo mal? o ¿lo que intento hacer aun no es posible hacerlo con css?
Gracias amigos y espero su respuesta
PD: en mi hoja de html lo llamo asi (pondre el resumen XD)
Código:
<html>
<head><link rel="stylesheet" type="text/css" href="estilo.css"/>
<title>animacion</title>
</head>
<body>
<div class="agua"> </div>
</body>
</html>
Gracias y espero su respuesta :)