Dieser Effekt sorgt für Aufmerksamkeit auf deiner Website ☃️

Jedes Jahr zur Winterzeit aktiviere ich ein paar Zeilen Code.

Und starte damit den Schneefall.

Damit hebe ich mich zusätzlich ab und sorge für einen Schmunzler.

Diese glücklichen Emotionen haben schon oft dazu geführt, dass mich Menschen deswegen kontaktieren. 🤩
(Menschen lieben Schnee im Winter)

Einige davon wurden sogar zu Kunden.

Heute teile ich diese Code-Zeilen mit dir.

Kopiere folgenden CSS-Code und füge ihn die style.css deines Child-Themes. Oder, wenn du das Divi Theme in den Bereich Eigene CSS unter Divi > Theme Options.

Code startet hier:

/*Start Schneefall*/
body {
position: relative;
}
body:before {
content: “;
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url(„https://innotag.de/wp-content/uploads/2023/11/schneeflocke_b.png“), url(„https://innotag.de/wp-content/uploads/2023/11/schneeflocke_c.png“), url(„https://innotag.de/wp-content/uploads/2023/11/schneeflocke_a.png“);
animation: jasmin-di-pardo-schnee 20s linear infinite;
}
@keyframes jasmin-di-pardo-schnee {
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 jasmin-di-pardo-schnee {
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;}
}
@-webkit-keyframes jasmin-di-pardo-schnee {
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 jasmin-di-pardo-schnee {
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;}
}
/* Ende Schneefall*/