Buenas tengo una consulta, tengo un fondo que es de estrellas y quiero hacer un efecto fade que se repita en bucle y haga "que brillen" las estrellas.
Estoy parcialmente logrando de esta forma:
Tego el jquery insertado entonces hago el llamado así:
Código Javascript
:
Ver original<script>
setInterval(function(){
$('#stars').css({height: $(window).height(),width: $(window).width()})
.fadeIn('slow', function(){
$('#stars').fadeOut('slow');
})
.fadeIn('_default', function(){
$('#stars').fadeOut('_default');
}) ;
setTimeout(arguments.callee, 1000000);
});
</script>
en mi HTML tengo un div así:
y por las dudas les muestro el css de ese div:
Código CSS:
Ver original.stars{
background-image:url(estrellas.gif);
background-repeat:repeat-x;
position:absolute;
margin-top:100px;
height:600px;
width:100%;
z-index:-1;
}
Dale, ahora con esto logro que la imagen parpadee en un fade básico.
Quiero consultar si hay una forma de hacer que esto pero de forma horizontao o incluso random
Que se vaya desvaneciendo por zonas el background para que de una animación más realista de las estrellas ya que ahora mismo todas las estrellas se animan al mismo tiempo :O
bueno, espero haber sido claro en mi consulta.
Saludos!