Difference between revisions of "Elerneron.css"
Jump to navigation
Jump to search
| Line 13: | Line 13: | ||
.fadeout:hover{ | .fadeout:hover{ | ||
opacity: 0; | opacity: 0; | ||
} | |||
.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; | |||
} | |||
@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;} | |||
} | } | ||
/* <noinclude>[[Category:StyleSheets]]</noinclude> */ | /* <noinclude>[[Category:StyleSheets]]</noinclude> */ | ||
Revision as of 02:02, 24 November 2019
.fitWide img{ max-width: 100%; height: auto; } .fitHigh img{ max-height: 100%; width: auto; } .fadeout{ opacity: 1; transition: opacity .5s; } .fadeout:hover{ opacity: 0; } .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;
;*/){kind=link}
} @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;}
}
/* */