inherit
213990
0
Aug 29, 2019 10:08:59 GMT -8
Hernandez
162
September 2014
ziden
|
Post by Hernandez on Dec 6, 2014 7:40:15 GMT -8
#Full screen Snow Animation Put this Into Your Css Style Sheet by Going to Admin Home> Themes> Advanced Styles & CSS> Style Sheet> in the Bottom @-webkit-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000;}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;
}
}
@-moz-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: ##000000;;
}
}
@-ms-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;;
}
}
@keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;;
}
}
body {
background-color: #000000;
background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
|
|
blueshead
Full Member
More hot peppers please!
Posts: 928
inherit
185994
0
Jun 17, 2018 15:20:52 GMT -8
blueshead
More hot peppers please!
928
November 2012
mrblueshead
|
Post by blueshead on Dec 12, 2014 15:56:37 GMT -8
Ahhhhh.. How about before we even do this..You show us a web page with this happening? That would be a good start.. I'm not using or dumping in this code until I see what it does..  |
|
inherit
213910
0
Nov 4, 2023 9:08:44 GMT -8
rohan
Badass!
349
September 2014
dragonor
|
Post by rohan on Dec 14, 2014 4:55:23 GMT -8
Hernandez, I can't figure out how to implement this.
|
|
inherit
213990
0
Aug 29, 2019 10:08:59 GMT -8
Hernandez
162
September 2014
ziden
|
Post by Hernandez on Dec 14, 2014 6:01:46 GMT -8
For a Full screen Snow Animation Put this Into Your Css Style Sheet by Going to Admin Home> Themes> Advanced Styles & CSS> Style Sheet> in the Bottom @-webkit-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000;}
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;
}
}
@-moz-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: ##000000;;
}
}
@-ms-keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;;
}
}
@keyframes snow {
0% { background-position: 0px 0px, 0px 0px, 0px 0px }
50% { background-color: #000000; }
100% {
background-position: 500px 1000px, 400px 400px, 300px 300px;
background-color: #000000;;
}
}
body {
background-color: #000000;
background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
|
|
