<link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'/>
<style type="text/css">
@keyframes xmas-snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes xmas-snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes xmas-snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes xmas-snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhWTdX3PFkLP2Zl8abSF_0Rp2ai0xfWFYS-lVYHT_y7u5IbYs7BNjb8ykpfVB78XWDF3B6CnxC0Ku3wqJcGvmu-j8HIZQtXgY8ULoV43iNBaeRLZLox9Ue-snqujjUzzHnFabaYWhx3AE/s123/luces%25252037.gif);
background-repeat:repeat-x;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}
.noel{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwLNfIfgs7vNAKVMTgaun_xEYcfgelDEVXYrfy8OP_rYe2LRru_2XvNdBGiwPRXvXo0RYNlGeFO10muxqaocL6Rlellxjdun8IYJMyMzMh3kjM7Y04Oxd2uBkA4cH6lYKMY0oft679cvM/);
background-repeat: no-repeat;
height:100px;
width:100%;
position:fixed;
top:260;
left:80;
z-index:9999;
width:100%;
}
#xmas-contenedor {
height: 380px;
width:580px;
background-color: #A90505;
background-image: url(http://i17.servimg.com/u/f17/13/20/23/83/snow3_10.png), url(http://i17.servimg.com/u/f17/13/20/23/83/snow3_10.png), url(http://i17.servimg.com/u/f17/13/20/23/83/snow3_11.png);
-webkit-animation: xmas-snow 20s linear infinite;
-moz-animation: xmas-snow 20s linear infinite;
-ms-animation: xmas-snow 20s linear infinite;
animation: xmas-snow 20s linear infinite;
position:relative;
border:5px solid #A90505;
z-index:1;
}
#xmas-contenedor:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom:0;
border: 7px solid #fff;
}
#xmas-contenedor:after {
content:"";
position:absolute;
z-index:-1;
top:5px;
left:5px;
right:5px;
bottom:5px;
border: 6px dotted #fff;
}
#xmas-contenedor h4, #xmas-contenedor p {
font-family: 'Clicker Script', cursive;
font-size:90px;
font-weight:bold;
text-align:center;
text-shadow: 2px 2px 4px #000000;
color:#fff;
margin-top:150px;
margin-bottom:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#xmas-contenedor p {
font-size:55px;
line-height:0;
margin-top:50px;
}
html>/**/body #xmas-contenedor h4, x:-moz-any-link, x:default {
font-weight:bold;
}
html>/**/body #xmas-contenedor p, x:-moz-any-link, x:default {
font-weight:bold;
}
#xmas-contenedor h4:hover {
font-size:105px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
</style>
<div id="xmas-contenedor">
<div class='luces'></div>
<div class='noel'></div>
<h4>¡Feliz Navidad!</h4>
<p> les desea Amor Sevillista</p>
</div> |
