Para poner esta nieve en el fondo de tu blog entra en Plantilla | Edición de HTML y antes de
]]></b:skin> pega esto:
]]></b:skin> pega esto:
/* Nieve en el fondo del blogAhora busca la etiqueta <body> o esta línea:
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#contenedor-nieve {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77bZPuwcunLcQalQhg0fpMsGF_xDELl09utXOcpr7sCsu5jrTVSS6PGSH37hyphenhyphenBA8qUkmdDCUd45L_JERZyKQ0IFj6L7Vt8vzLdh_D0Sta2kRZnvbE-yPIVG6LDRXYPw7R1mdAs767EM8/s500/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07DOZkoG8JQHKLA_ar4NHdjXenxRy6wffaacVenYoxf3qFxCyl2S7njXpsowYHH4n05-qqOv6Us0Pw-Qu0ROFJkvMn_xYTzZI6DWDI30N8E_nJTneFsOodEgKXHdcDa8AT-1YcT4Nij4/s400/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSkw3A420XcSRJehuPqoqbWUr5d0uNY1bOHcLz4LtQW3QsT6BUzUZZ_noxXjdD0l8zYEE1FSr-JkxTNHXC1aAgwYBazrRkZ0-iAdmNz79iAZGl_vy-Z6Pha7iuOBI4RX8EUlnl6A3bJvI/s300/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
<body expr:class='"loading" + data:blog.mobileClass'>
Y debajo de cualquiera de las dos agrega esto:
<div id='contenedor-nieve'>
Por último busca la etiqueta </body> y arriba de ella agrega:
</div>
este efecto fue tomado de http://www.ciudadblogger.com/2012/12/nieve-en-el-fondo-del-blog-solo-con-css.html
No hay comentarios.:
Publicar un comentario