Its such a pity as that effect shows but text doesnt. Maybe give this one a last try
PHP Code:
<html>
<head>
<style>
#snow{
background: none;
font-family: Androgyne;
background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index:-1;
-webkit-animation: snow 10s linear infinite;
-moz-animation: snow 10s linear infinite;
-ms-animation: snow 10s linear infinite;
animation: snow 10s linear infinite;
}
center {
z-index:10;
}
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
</style>
</head>
<body style="background-color: black;">
<div id="snow">
</div>
<title>MERRY CHRISTMAS;</title>
<center>
<h2 style="color: rgb(255, 66, 40);"><small><small><font
face="arial"><span style="color: rgb(0,255,0);"># MERRY CHRISTMAS #</span><br>
</font></small></small></h2>
<img style="border: 0px solid ; width: 411px; height: 175px; z-index:10;"
alt="" src="http://fastdownloadcs.tk/czero/feliznatalalpha.jpg"><br>
<br>
<small><span
style="font-family: Arial; font-weight: bold; color: rgb(224, 65, 36);"><span
style="color: rgb(204, 204, 204); background-color: transparent;"><span
style="color: rgb(255,255,0);">ADD ON FAVORITES;</span><br>
<span style="color: rgb(255, 255, 255);">SERVER IP</span><br>
</span><span style="color: rgb(255, 255, 255);"><span
style="color: rgb(204, 204, 204);"></span></span></span></small></center>
</body>
</html>