Cambio progresivo de color de fondo
Iniciado por
Vicente
, mar 26 2014 01:17
AUTOR PREGUNTA #1
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
Esto también te interesa!
PREGUNTAS SIMILARES
#2
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
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;}
}
#4
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>
