Si entreu aquests dies al Nodes del Servei Educatiu de Badalona veureu que està nevant.

Aquest és un efecte divertit que és molt fàcil d’afegir als vostres nodes. Només cal que una persona amb drets d’administració entri a l’apartat “Aparença” del tauler, després on diu “Personalitza” i, finalment, on diu “CSS addicionals”.

A la columna de l’esquerra se us obrirà una finestra, aquí heu de copiar el codi de sota (també el trobareu aquí: https://educaciodigital.cat/moodle/moodle/mod/forum/discuss.php?d=159269).

Quan us canseu i el vulgueu treure només cal que l’esborreu.

 

 

/* Neu de Nadal */
body {
    position: relative;
}
body:before {
    content: ”;
    display: block;
    position: absolute;
    z-index: 600 !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: url(‘https://clic.xtec.cat/utils/neu/neu1.png’), url(‘https://clic.xtec.cat/utils/neu/neu2.png’), url(‘https://clic.xtec.cat/utils/neu/neu3.png’);
    -webkit-animation: snow 15s linear infinite;
    -moz-animation: snow 15s linear infinite;
    -ms-animation: snow 15s linear infinite;
    animation: snow 15s 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;
    }
}