Flocs de neu al Nodes

Sou un centre educatiu o un servei educatiu i voleu que al vostre Nodes us nevi? Només cal que seguiu els següents passos. També els trobareu al següent document. I quan s’acosti Sant Jordi us direm com fer que ploguin roses!

Perquè apareguin els floquets de neu heu de posar el següent codi al CSS addicional del vostre Nodes (Personalitza | CSS addicionals):

body {
position: relative;
}
body:before {
content: ”;
display: block;
position: absolute;
z-index: 999999999999999 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url(‘https://www.dropbox.com/s/bgwuzfu83pjb5s1/divi-life-snowflakes-a-2.png?dl=1’), url(‘https://www.dropbox.com/s/54le1eyh01vb253/divi-life-snowflakes-b.png?dl=1’), url(‘https://www.dropbox.com/s/gfm01rozxanf3ub/divi-life-snowflakes-d.png?dl=1’);
-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;
}
}