5

Night mode snow

body.dark {
    background-image: url(https://i.sli.mg/D6xIYP.png), url(https://i.sli.mg/ZsJYvU.png), url(https://i.sli.mg/nc6LVh.png);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    opacity: 1!important;
    animation: snow 12s linear infinite;
    -webkit-animation: snow 12s linear infinite
}
@keyframes snow {
    0% {background-position: 0 0, 0px 0, 0px 0}
    100% {background-position: 500px 1000px, 400px 400px, -300px 900px}
}
@-webkit-keyframes snow {
    0% {background-position: 0 0, 0px 0, 0px 0}
    100% {background-position: 500px 1000px, 400px 400px, -300px 900px}
}
Night mode snow ``` body.dark { background-image: url(https://i.sli.mg/D6xIYP.png), url(https://i.sli.mg/ZsJYvU.png), url(https://i.sli.mg/nc6LVh.png); height: 100%; width: 100%; position: fixed; z-index: -1; opacity: 1!important; animation: snow 12s linear infinite; -webkit-animation: snow 12s linear infinite } @keyframes snow { 0% {background-position: 0 0, 0px 0, 0px 0} 100% {background-position: 500px 1000px, 400px 400px, -300px 900px} } @-webkit-keyframes snow { 0% {background-position: 0 0, 0px 0, 0px 0} 100% {background-position: 500px 1000px, 400px 400px, -300px 900px} } ```

4 comments

[–] THC 1 points (+1|-0)

will you isolate the css to make the sidebar transparent? I'm too stupid to pull it from the element inspection.