|
|
| (4 intermediate revisions by 2 users not shown) |
| 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> */ |
.fitWide img{
max-width: 100%;
height: auto;
}
.fitHigh img{
max-height: 100%;
width: auto;
}
.fadeout{
opacity: 1;
transition: opacity .5s;
}
.fadeout:hover{
opacity: 0;
}
/* */