domingo, 14 de mayo de 2017

Fondo de noche estrellada para el blogger



Se trata de un código de css para nuestro blog blogger se caracteriza por background principal oscuro, podemos mostrar a modo simula torio unas estrelleras que centellean y parpadean sin parar como si el fondo de nuestro sitio se pareciera a un universo relajante.

Para poder ver un demo de este Fondo para su blog blogger solo ciclando aquí si te gusta si quieres colocarlo en tu blog aqui esta el codigo :


Modo de empleo en tu blog es facil solo buscar el siguiente codigo :

Copia el codigo de abajo y pegalo entre las etiquetas <body> de tu plantilla.


<div class="estrellas"></div>
<style>
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
.estrellas {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}
body {
  background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQpkMzhPuc2atAOw3rzpwWbpxj3l1-vRbhiX5qAsjRmR46XJQD1nuYx9TCa3HjN23ZM3-hY9R01w5lrSYPwc6Xt-ojXx_4RIP8i8nvSxItubqOHNPtjeeJTPFWXJPSbZ9WxCRsG59ojc/s1600/estrellas.png) repeat top center;
}
.estrellas{
  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxSIU0yCOhZi8JnX1Kxm4Q2DZMlMJ5s6or2pWVA3o2L5cb9KUKr1vSarQbfNWBhsLReimwLB1hDVGxVcdZXrmh97aRJsgYfyjmggF0CxST24z0b52SE-UtAlRUU9BnfKkiPHT0lpQtnLA/s1600/twinkling.png) repeat top center;
  z-index:-2;
  -moz-animation:move-twink-back 100s linear infinite;
  -ms-animation:move-twink-back 100s linear infinite;
  -o-animation:move-twink-back 100s linear infinite;
  -webkit-animation:move-twink-back 100s linear infinite;
  animation:move-twink-back 100s linear infinite;
}
</style>

Comparte este post con tus amigos!

...o tambien puedes seguir el blog en:

2 comentarios:

Cash Junkies

Con eso se podría hacer con nubes o cayendo billetes XD

Comparte tu opinion con los demas, deja un comentario. ↓

Los comentarios no son moderados, sin embargo si contienen insultos o son ofensivos, pueden ser borrados.

 

©2011 Trucos Gadgets Para Blogger | FuuTheme diseñado por Fuutec | Ir arriba ↑