Cambio progresivo de color de fondo



   AUTOR PREGUNTA

Publicado 26 marzo 2014 - 01:17

Tengo un div con un color de fondo, ahora,,, necesito que el fondo cambie de color automaticamente sin necesidad de hover o de un boton, o de un link, osea que el color de fondo cambie a varios colores


¿Tienes la misma pregunta? Yo también

 

Publicado 26 marzo 2014 - 01:21

Esto lo puede hacer con un estilo CSS mas precisamente con la regla @ keyframes y que genera una animación cambiará gradualmente del estilo actual al nuevo estilo. Esta funcionalidad es en css3. por lo que no funciona en todas las versiones de los navegadores

Por ejemplo

div
{
-webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
animation: myfirst 5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}

/* Standard syntax */
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}

   AUTOR PREGUNTA

Publicado 26 marzo 2014 - 01:22

Gracias me gustaria saber si existe alguna forma de hacer en navegadores mas antiguos

 

Publicado 26 marzo 2014 - 01:25

Podrias intentar generar un script jquery que segun un determinado evento cambie el color de fondo generado aleatoriamente

<script language="Javascript">
            function random_color()
            {
                 return "#"+("000"+(Math.random()*(1<<24)|0).toString(16)).substr(-6)

            }

            $(function(){
                $('html').css('background-color','black');
//click en boton
                $('#boton').click(function() {
                    $('html').animate({
                        'background-color': random_color()
                    }, 900);
                });

            });

        </script>