Difference between revisions of "Elerneron.css"

From All The Fallen Stories
Jump to navigation Jump to search
m (Reverted edits by Icy.horse (talk) to last revision by Elerneron)
Tag: Rollback
 
(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> */

Latest revision as of 14:08, 26 January 2021

.fitWide img{ max-width: 100%; height: auto; } .fitHigh img{ max-height: 100%; width: auto; } .fadeout{ opacity: 1; transition: opacity .5s; } .fadeout:hover{ opacity: 0; }

/* */