[SOLUCIONADO] Duda cambio de color CSS Backgroudn-image

juangemelo01 · #1 (**permalink**) 26/05/2013, 18:45

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 :)

pzin · #2 (**permalink**) 26/05/2013, 18:56

Cita:

Iniciado por juangemelo01

¿lo que intento hacer aun no es posible hacerlo con css?

No, de momento no se pueden animar los cambios de color para los degradados.

juangemelo01 · #3 (**permalink**) 26/05/2013, 19:02

Gracias amigo por responder, doy el tema como solucionado :)