Despite server side validation, there is no guarantee that all code is safe to run. No user submitted code is ran automatically, if you wish to run code click the "demo" button to run its corresponding code to the right. I tend to manually review a script a day or two after its posted and will obviously remove anything sus
a
demo
clone
id: 2925793034
source: (triple click to highlight all)
<section id="snowflakes2925793034"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2925793034 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2925793034 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2925793034 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABRUlEQVRYR81X0RLDIAhr//+jt7o7epSKSaTX6ZObiiEEsPu20NgXwrKVwHyOsR/DHIq/VUfLYNqFDVADYnMVhO0vgWlGjI0qKz9HZr2IoXkMjFF80uV0gMDOMtO788aM3+TFmYFSwYzsp2FiBamAQTaHmkGHTcBMeBlbUMDICMMMsiGnts+W3hyto0SQU5v10IePSYIpZtQKq4C/MZMdRv/7EEQm0Fm/f1hnsktiwerpITZQtEfWTNSC9zqbM8KVNdMzGvtRtT/BOhNBMGyowk2ZyfTAaEDVWBT7hRlF+bEVZC1BsUmHaYZ69QwNRq2qKhAptVHvQetMikNmkIevdW0E5LX3DAPEwNinCurQyOZ6b+BY6JCHXoyMZrJWEoskFDDKglkw3S6OLkPry4B54tlwCRXyfLT+9ydEBTw6WxYwukBZ/wIbgJAz8ZAJGwAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:18.3s;"></div></span><span style="left:100vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:8.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:15.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:16.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:4.8s;"></div></span></section>
leon
https://luxerion.nekoweb.org/
demo
clone
id: 1217621061
kingdom hearts nobody symbol hehe :)
source: (triple click to highlight all)
<section id="snowflakes1217621061"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1217621061 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1217621061 > span { position:fixed; top:-20px; height:calc(100vh + 20px); } #snowflakes1217621061 span div { width:20px; height:20px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAC3klEQVQ4T42T30uTURjHn+e87+tcm/0Si6zIMjd1VkMroS6yyNmkKKJd9A/UjRJElNRFLyJE3dZV3URdSIzown5MxRAqhVT6tbe9rlxiREZqP6b7/Z4nJu1QY04/V4fn+5wPfA8chCXg8HgK+GjEFnj7yC+GC4DilAeb49Augxv7xwK918RwAZYkLLM3nUGgkk3r9qj9/WpKBDlYVFhXd2TZdDh2DhFeIzMFQoGHH0SYg0WFFdXN9dxIyhIVjqZYsjGk+zpFmIO8QlVV2d17Ly5tXLv3Srpqme3gZYuy6rqmeWfEUhZ5hVXOwxWxaKKFIdxRwDIep7k2RWK+4Htfn1jKIqfQ4/FIgUDE5vc/CjQ0qPLE5EA75xSzFK+8oQ16Z2pqjm4kKvihad5Zcekv/wm31ruXG2G+g1J0AAGKN5XuOZuef/42oBoGT2bqllc2njYA7Qyxz8ykEU17PJlxoKPBY41PhndypHpuGEiy0r3bYX37yv97BzfoBElgME4+GeBTnLCFMZYAMEZDem+n3e7anAR+CFAqQeTvzJJ5ACsczU7Oky7OwQoAwwoVDgSDXVPl211reBxa51sw+VaRkpqajfFWkthqZMwb0nxDDofHGkn8qgVG+4iQSQo8E5Xn3+rb8GaERC0RVRMHi7RKbpdkheLTsYvEacpkKnhQVLD+84/weIsBZEYG0zKTX5assOqDg97ofOWM8F+czmMro8l47aj25CkRYXmVS+UcleIiU8fISFekclvzNkhCXNcfB8Wlv+QUZti63b2B4sZxQvzCOWmAeFSWWM/H909eiaUs8grdbrdJDxkdIb37PCJSmb3xgiSz+2Na90exlEVeYZotVU0HGcJXyTBNpDB2ckzvuSnCHCwqTL/nz+jcKQI2xGSY+aR1vxFhDhYVptlic7Vx4Kay0g1X+/tvx0SQgyUJy+1N+wlpX0jvUcVwAZYkTP+m6PewM6T5novhAvwB/Ls2tzsOsAoAAAAQZGVCR0VBMEIwQzE4QzczNUMwOTRCz8tzAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:19.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:8.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:15.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:10.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:8.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:1s;"></div></span><span style="left:10vw;"><div style="animation-delay:11.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:10.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:2.7s;"></div></span></section>
Mando
demo
clone
id: 3803567250
source: (triple click to highlight all)
<section id="snowflakes3803567250"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3803567250 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3803567250 > span { position:fixed; top:-56px; height:calc(100vh + 56px); } #snowflakes3803567250 span div { width:56px; height:56px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAQAElEQVR4AexZe5BmRXX/ne77+r55787OPtkFdhGEmCoMgoIggyIFpWCSGpSIBhNr9Q9NKr6jKTNaCTH5zyKWxiRkURZkp2I0YtTguqCCUVZDgssC+5DHssu+Zufxve+9ffLr+w3r7O7MfLO6ValKpaf763v7cfr8zjl9+vQdg//j6f8Bzq1gFR1Vs33j9nDbbb9IZpcdIxptu3pboKoy99zOrQqVUdJXX/jcecb8I34lDW5/84HS95/eu356aslNaOYflEb+Ya27j0hLP3DE7r1Vl6254mvveqxv/mUX7nlw5ImuNz319JJH9uwZfPC2Z+KFRy/ce1oAt4yofWBkT1+tu7EBDleK6jsF8lEq608F+Jg6/YgDNiIwN/a0Bi5++B27h3aM7IjIArv5O0/ewjH/edsv+h962+6zHnr7zlcoot+qaXBZM9fXuEb+yu/c8tQFW9+6a/22W54a9Jqdh8yczacFcFn6TI8N5LpMdWMO/UMneplT9Iig5AsUvQpcwPom6/JPt1JsPGLj5aMYXRDguXHX0mMNvcqpfMBl4WeNNbc7wSfFmT8zMH8TavBZI2bUqbn+wh0/Oi2NLgqgQmX7xv1llHG2cXo1NXcdBK+yYTBkSxamJ4TtjRD0hGJD20em1lsJXiuQGx3MjVfd8vYrvQa2jDxSwqz0wxuf7Nn6tmcur6T5WwR6owhusGKHjdjLDeylVuwlgQRXiOJaTrvOiNwwaFdcu/WdT63m+6KyWcyosRGYqVrjLHH5qxRyMUTOMsZYQ3DxYAml1V1I1pQRLU9guy1ACeSaAZCLAHwIMO8Prb1+ECvWeofkTdLX9dBuILD3qciHAXkL67W0CnVw6qRdMiEdqwJggHK+2gjeZ5rBxXz3bawWzosCSC4tUr3IqXrNrbOxieOBCOXlsZaGYoQ9AYISS3eIcGmCeChRG9uWwkUqulagl+XO/S6s/jGd0u8vRfxaNPK32UDeK3CvVuhaCmWp7Q6SaCiRaGVJ4pcKhRb2JzChCQhlEKrnE+QQhRRynrBtwbwogJPYZ0VwnsBcoXCDQcm68qpEe9eUtGtZhLBkYCx7Q4Owj+/LEgR9UWaTICVjEBFvUlcK9N1w8m5j5EaF3ka93CqCNZxrbNki7I8RLSshWV5CvLzMwuehsob9kUpo6L8QKNCninX9YbLuRyP7EnRIiwLYpqEhoAkcJOyyGFiXmN7VsZT6LSIPMBQCQZFMZCVcFsfx6q4oHiyJLbMTYjmCD/oyDiJAvEIECawEtjekxroIMIJEAhgBmCH8CURMZJSzm3xrAYhpFa8LndyUo7WM7wvm0wBIOiJcQxHEBqWBwIOTpNvAl6gkhRb9CAjElgIb9IY26A8l8FplMeUAEtteE5hzbGyXhN2R17SE1FzQE8GQrojghMRXjoctWTEJ2RUEgFwAuEsyo73okDijw4g5ukVEbWjUBgYhmUq4BxM6F0v9yEsUaUtihExbRIMxqE3WCSz3KWJBSEDRYGJimmJI8OLncQ5OTmyjeXohhBQC9SkWiqWMlFaqRYwOyZPtMMR3Pw+I4VJgoki5grDiUpBAEJBhS9MqmOSI2VmMQCgIm1gEPSGiJQQ7VEI4EBNsAN8uVmZPOeWZe1UkNsYERuiMWBBAJHJ53pH/jgP8as2ulQrnABo/hC3CZdQvCwgp0EnAFzHsEMGcic3Gg+R5GS1JELA2kUVBD4tIyjWFa84MJTmiDGbe5q/I3vyds3toEo6W6TxhOZkrAebDhZMTx8KXk9spvlObZlq8bDMHzbRoEDJDEgx8wnZD0Tr3z6IAVo5yo4lkEGmINTl5EeUvPSrEL8GiLGAp6rnX+tVbnSKv53AtB1XJITgAyLNcr4EOaV6ACpXi6jOyo7ucTA+IsdaJa5hIcm56WqzC5SyUbk7J+qIE2GG9hbqplDm62aoeYC2FI0i+phB5CoLttbQyPceME5rmBTjGK8vBYO+b6QU+aIz9EyJ6vbG2L+4Lgqg3EO8YPMCM8UqjkqNVczgDIE9g7vgLAXrtudRrELlT2cW1HutNuqaOj5nn4RSAChV/JRqIyr9Bab2d5vghCP6IgK7hMbAk6gsjFkAMslSRUqqNaYdGxc0A/PXUiDmSpyjewbHPbz9R0KU7W00rZJGNC+RTAPoLppH8Bpu7T5HY5SJSBiSkWRopByJJiBym0JgHVp9yxXNOTXpTgucGZzaRByCkmAOBCCIVdwN3zLtiE6/qtJKZPcBfUJG6N4gxNwlwjYVdDivGn19FNMLDGQE1x4CpPp2jPpGhwTptuBntzaZ2hp69wAiMhzxsmceCkAOxq8gfhW9ufvCWZ16zhRfm+VYzvkNBo37/rriV4ZXq8GEDc71ArNIWLG8JURH8JvAgVQStukNtIkdtMkej6uD34XHtMaImTYd2zcdfPxtrEDKcCxnxmNBC4Vh0NaDvVc3fybB37TY6Qw9UoYJZqQD47+84WN53VH5b1LxLIL9JgL0wkGAgbIdXXQEMD2XuQyg5bzsXR2AOxcZ3+kuSygEkUgz8ZevxJzGADwosteKLfxY53j33A/v92rab/CxjuFcO/SKBAgy29fVw8jHY0luXoXzhT/m9aDYRs23kUHfYqm2gsm6hREZ40PQ762B4fYl4twsZWhma5exJ/jigplEUnd0z86xcf+ZxduWBGCsIE0FUNkUJY4ENBWKAuWfheLKxLUK9sC+EKVmAGZDzeCbfyrkjsO66Snfjim/+zhPrtoxsKXoNgupr2fkHqnIhIAIBTTFEsrIL1ts8zlzyIELeCMoDAXoGQ/QsC+Gfoy4DS40KOiQOEI4Ll8ZIVpRgk8BxhpLrCKqXCmSjc+4z5TC6dRkuKoHJqGYvp+auVmClBoDtDuDjRO9YJDAccoayAGIEAbUVU3tJj0Gp1yDpsfDLpJMttMabSCdaUJ53mC+JFNvF0lzDgVgigg37IzGxHQBwrohcLCLXwMRveuj39pxnjJh+Aby7LZnIIOKNOmQg7DXJCWc8C0EaK/Bm6W8h/h4pDOSbB+uo76uidagB18zRKZnQktdY4lVliflZI+im8/G7UqgugF9ZcBvVe6lhWDAAaMJ2Y/zCtHMJDeZL0vaOVPh8I+Zp9zNYcgbN3ut6RyUiKEyTixeRCoG5Vo6cRTmOjgonJI4TsmYCgY0EYRIg6gmQ0E+U+dGrvLoMk1CCqksgcj59xJDhGrGCMzGT2DD7dab1jFSO3jZn9NNi9JO9FBh4hv3yqpRzexllbKuMc9tv/GW/B2YDg4Bxv3dQSa9FQhMv9wfo8vt5dQldq0rwjghivJvtJw5uBGjVCKhNMNGX8nehTD6E/b6wOs1MDDmZT+uKrOmgTlTIhZCB45Q45vgzH0QAQyF4cN77lrhnuwcD9K0IMbAqRN/KEL1D7dJN5xVwmwnnUftiHLqMMcLlQNmiONPyyZbm1Ux1BrIfe6YKhQPH7eVjWA+U20OID0XBS4kImckgfLvhtvFaS/oMugigKL0BPNC4yyIpG8RdBl6rYSzwAlG/EOE4dfxsk8s0iU2IoqlN5xqHGi4db6rz+4H7wEcoxQS/KE4jcZFiLkVXzJ+Z6tv8/vNAC1PkuJmu45VnEgL4mtczeABdNMXupQHK/Qb+WAnojS2LGBCKIqdFpCwF/aJF62LMlMlgHuSQL0DwuO9Empt0smmaB2toHqihdbiOvJJCCZZjOLRz9nTyWo6Mrj891iouqxQiivkCeEx+D6YNRcbitVn0g4movJMzNDWvvSgxiOkhPciQrtAW7RxnAA/OB/mVQy0c2TmNo09UkPLqJoJpAZ5z0HHz8MvP/gkScxcV9ACAnRT4obzual6LrcMNNI80kU6myAjSXzhP2PyccEomZW/wWTVFeoxzWfKpFvJa1i7VjLQyNCdSVA83UTnQRONoC8fpcr5YA0NPaSwQ0Ft6kL4Wvvv1vAWkFGD1YAuTz9Ux8YsaJvfUUHm+4bJG3hDIXgrxBySxx4yOijtcfXScwDZRtn8pRr5BInvJZO6lqq0cGZlsvlhDY3+tYJL982dKypFYTkDZdAbuZ7SONlB/voL6c1XUn2+XyrNVHHu6goM/m8T4rgqPBgeuDYiwoJ38owE8UJKlEMBxiha1NP1CE/sfncALPzqGo9ReYzxVWk6TPB/k5IfJw6aJavYopwM3j93cesN965+2TrcS+TccMMYPTFtI9GH612ddK0sdb+zZVIqUkUZW8RLnKFI6JYtvEW+GUOfgTdv56xQ15009q2RIp1M0x1uoU4O+pFM5xwKGQT2jEpjQgHwUxdHrNnklm9xTx+HHp3Ho8Skc/vk0xp+uorK/STqZB+yyNH+CCvqaQr/EO/83W5Vde2761wumC4CeJV9exIbxNCxvjW1wh6L7E2y7kxMeUQg/8miLWlVvdi2arXJhCEfMkQ2pGp5Xhp8JhXtG/DHgNePHUrvK/Zw3cvjigQg9pd93Aa9D0VBJDYMNP9R78qzuUD3YJKgp7P/JBA785BgOPjaJY3urOc205kSPicqzIvIASf9jhOwL9Ypuu/5b17c8DbLiq3a5eUzy6768onrlPeuOXX3Biuc0Dh+y1myCyl+r4jsUaebjRE35pu05p/yynd6L/4SJkawoI1lZRsB40cRGwU8FnJmzwDNPumA7PLCY46L+CMaKeMH5MV571Rebxf6qj6cUiIM2BWiJP9KqFPh/GOg/5Cb/pEpwd5C7/05fPP/QDd86j6OEnADmFAZnGoR785q71u696u5zHkijyl1c9GHOyNvdfGo/zP1LqoE3t4EY0WCCkHXQG4IBvFq2W55flkG9L7495L/iIgrBX665Tpsml/BCaNIZ1Q82CC6Hqh5x6n7M8gMBtkJxP5//ub9nw33X3LPup1eNnXd4+EHJ2gTav2Sl/TDXL4mocDNONoIUcuJE2vtcU+ZsC3i3jIdKkqzusuV13aa8tgfltd0ondUFtnvgEG/GJ88mSN+kZMTXBPMz7uuPGuTvyVU+ZoLmVyRPd9z/RcwI3o86sSwI0A/dvlHDFfwfujrtBaT447rin7HIVLh97kdbtkIN+gLW8PdNE1t0upa1jQ2wxk4EwBOvu+9lO71TvOruCw8Mj11UGYW4+VjpCLB1bF8PneEFRrBGoYYIITIfuQXaPQuUDM2qrfyXnheYglnrCF8oZJsjsAtNObnPnNxw8nsD6TLN8zcSHC+SFCI1YUqUIxGfPHbOd2ErwbmcDiLXNjjfxuZfKXfVTmtaR4Cw0q+ilyrkZSJi/LcQb1riZ+r8a1Haxc3cH/T+3GyfgSl8hOODALfQrX0+siKBq/d06YguWouezfnIFe25OB/S9vCFB5SKP9sKb7eQBgnc8R8lKWPRxgs1NBi9NBkFNV+oorGvggbrjIc9gwiSXXym4kuQ1vIfR7u7aFF87Ty3I0AaI0DJGRiOFRheOn2kQW3ilERgeT0rQjPGskXUkzNy8ZGM8lLmi6u5InwrgJ9hzgAAA4VJREFUAobxBhxvAAWdRbCr0NwYV1sebuBJuIgJJEym+dspk3E/RMA/ak5Y+Oib2oX9yv3lfNxKrTV5C2keqiOdSunZXZOMTTq4wzncOM+yCp26yxjAt/gdxpuvUttFIY3CtH3NSElJT+nh2ovwV7UJkSPnbBL/bzOuyrYOuSNAMs5jyMcVpMdKGQ+RyTZZYcXmrJJp60hDmwfqRSin3F/GCYzTCoDHILrJQT5hIX8lgvs5vxYggPKzRcqwr06TrdOUW/yqljFmzSikFq9pdZq1j3/BZMXyV6xrkQE+LTZ3BEguvSynyFSdLl5zXoQzXp1yMuJqufJZ06kmsomWtsYbktfynGMrLDsVuk3U/Zs14ZhJzvlylof3UkBfF5HvceZul+fTnJ+nDLxT3lhSH8hTsykB+ntkxrskeF8krUam6Q4K6r/6AjQXC86P6whQ1FQB2UM17udCWTrBi/+LDcfrk2u8UNXGvprL+AXA7z1VeOOq0ox2U7Gfs0H4cevMpgjdjz+0Ca0VWHMYJv+uOvcJ5/ROAt3Jc2OCgshF4Vw11XS8gXwqVQbiXE5JjzRV94vK57Jc/h4905M4jdQRYDMMjoqA1yh9lMFghZ8ycjICekEhI+JqqSgdhWbuAPu/TkH8EyB3E+TWqzave+LKsfXPvXrz0qlRiLtoTFrD955/ZPi+DT+3xn5b4b5EBj7Pch+cPkk4EzTvZp65adJ6hjR+6NR9RUS+qMZsu5a0LvniJSlOI5H2wqOv27Du4GQpvZ+LPEAN7RXggHPuiObuqFM9ytlHnMiLrLfTOO9gnPgXyOp/h/Of2c22efOTvUd+HufJnY2w+zOq5g6etd8TweOcsIs3hB2sH1aVr0LMHch7Pnc4O3sX2047dwQoo+JuuvP8iuT6fef0M07dnxv1rXI7Te12KD4ldCBQ+dvevPQ4NXR0mPHh8OjwCVH9yZy9h5q4fOysur+e9bi+nQjlLpe720Xk4yr4tIN+PjPuW3nunhweG6r4q9zJNBbz3hFgm4jo8NiG3T8c2/zVFS7dHHT13p015J44lc3dDpt7es/ePLxl/Xcv+5c1Rzme24+/p5EvGVsyOfzl9duv2XLed66+99xvDN+74duv/8qGR954z/pd146tP609d/KyiwTYnjaKUXfh2IXp/unB2sq4fqw/aE5MHz63ev+qT817XWnP/N/7/R8AAAD//48LHwAAAAAGSURBVAMAlhtJhhtaS94AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:2.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:19.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:18.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:9.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:3.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:1.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:10.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:16.3s;"></div></span></section>
Noah S
https://art-noah-s.eu
demo
clone
id: 1935067841
Bubbles
source: (triple click to highlight all)
<section id="snowflakes1935067841"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1935067841 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1935067841 > span { position:fixed; top:-10px; height:calc(100vh + 10px); } #snowflakes1935067841 span div { width:10px; height:10px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAb0lEQVQYV5WQwQ2AIBAE98rwYRu0oHVQGHVoC7ThwzIwi+wFiTFxPntwsw8wdExzKX4AcB5mmusgYcnttrGHO1lwcZQE5SpSWjNiAZJvGwZE5haQXNRSBUnkVXzjn8jhS6b0eDVzlCkxXRQqiP7DLz6mOtvIajQsAAAAEGRlQkczQzQ3OTVBM0I0ODMxM0Q2iMH2TgAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:13.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:17s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:60vw;"><div style="animation-delay:7s;"></div></span><span style="left:50vw;"><div style="animation-delay:11.6s;"></div></span><span style="left:40vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:5.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:6.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.1s;"></div></span></section>
Corrupted Unicorn
demo
clone
id: 2791697202
Pressed heart-shaped flower :]
source: (triple click to highlight all)
<section id="snowflakes2791697202"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2791697202 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2791697202 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes2791697202 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:3.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:2s;"></div></span><span style="left:40vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:5.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:7.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.8s;"></div></span></section>
Corrupted Unicorn
demo
clone
id: 677074082
Pressed flower from Early June :]
source: (triple click to highlight all)
<section id="snowflakes677074082"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes677074082 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes677074082 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes677074082 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:16s;"></div></span><span style="left:100vw;"><div style="animation-delay:12.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:0.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:0.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:15s;"></div></span><span style="left:60vw;"><div style="animation-delay:2s;"></div></span><span style="left:50vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:11.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.5s;"></div></span></section>
Null
https://l0st-and-c0nfus3d.neocities.org/
demo
clone
id: 52575490
source: (triple click to highlight all)
<section id="snowflakes52575490"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes52575490 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes52575490 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes52575490 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABsElEQVRYR82RUW7DMAxDl/sfOoOC0qAZUnYCFNv7WC1SotTu+PlwnudZn8dxHNC+je68/qjoQA/j+nf7AO+OTUoNcb/7Aknb3TM1cZgGPwlleK7Lv954wGS4MYV+7IF6PIcabwDfLnO4Y4q0KB2jsD+F61AKgs5z+u7mhiC7xzGpqVDvDV0e9ttj+Fr13oIczlYvmtDUR81wH6MzLq8YWmuSVjgdWuH0JxlTI5OGNLzY1V0mY0UFoSlMlxbc63zHskEPQK3ayuc6MUwOKTSI0VA+BnRz6kGfjtHAQvVUJz3VgPVbc31C07rQQJ5z3ihMns7dLv1L/ucv437mQvVUJz3VgPWpGe8CDaoXGuoWdXPq3Y5JYNAFsbbyuU60JsCyFMrHAO51viM2uMUpdFd3mYz9tk4rnA6tcPqTjOUx6qNmuI/RGZdXDA2FNR/8v1cgJx1TtT2mwFCh3hu6vNsx9ZmahvABOs/pu5sbguwehmtk2EdAoRl4c+9urg0CukiPcUvU02O6PVMYB61Cd+G5Lv9647FCj3FhSeO642pyIQp6GNe/2wd49/QNIEL7NrrzFzLtCEFTFR43AAAAEGRlQkcxNTk1NkE1NjA2OTY2NDMy8OYYywAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:8.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:0.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:0s;"></div></span><span style="left:40vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:20vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:15.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:5.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:17.2s;"></div></span></section>
Corrupted Unicorn
https://corruptedunicorn.neocities.org/
demo
clone
id: 558628178
this one was meant for personal use but because the way this website works i gotta make it available for everyone oops anyway i hope you enjoy having half of my sona vibing to music on your site
source: (triple click to highlight all)
<section id="snowflakes558628178"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes558628178 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes558628178 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes558628178 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:17.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:13s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:11.7s;"></div></span><span style="left:10vw;"><div style="animation-delay:6.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:7.5s;"></div></span></section>
jellyfih
demo
clone
id: 257187167
source: (triple click to highlight all)
<section id="snowflakes257187167"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes257187167 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes257187167 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes257187167 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAgUlEQVR4AeyUUQqAIBAFq/vfuVzI6GcEXYiUWRL0he5zXD22H4Vm6DAkIxkiQLo1sz6ZswTtckS3ZoiaZNYkUy7Q88UO6yD62dZdM/srInkdRj/bus1kE7bma4boSEYyRID0VM3EG0MLj+gpMyMJW3M0Q3RuMvT7W10zxFsyU5C5AAAA//8Q8JITAAAABklEQVQDAGB+GEe5iJVdAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:15s;"></div></span><span style="left:100vw;"><div style="animation-delay:13.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:4.7s;"></div></span><span style="left:60vw;"><div style="animation-delay:13.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:4.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:10.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.8s;"></div></span></section>
Corrupted Unicorn
https://corruptedunicorn.neocities.org/
demo
clone
id: 1689137258
At June, my town's trees bloom and their petals fall off... beautiful carpets of yellow petals, like this one here! It also looks like a duck step, if you want to see it that way too.
source: (triple click to highlight all)
<section id="snowflakes1689137258"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1689137258 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1689137258 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1689137258 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACqElEQVRYR+2WP0/jQBDFd2sqoCUFprIthyr5TiAdH+ZOgu+UVCSyXeEUoQ1UXLv33sxubE7E3jtAAslWFP/Zjee3b97MxpovdNgvxGJGmEPZGJX5UGWWtxMnL7Q8WTO72r5SeCHj+ODp/OoxWv3oiWE1i7szl6XP6nzCOGvK+gRBt3Z5e+Y4kKVPGMMFhqv6GLBxQP8BM3FZhmCOK9eABKjKE5PlO4EU2QDJo6qOzfz6E2AWdxOXAyRwBLUcwmtoqyAiGp4SsqJqnwGDNBCGihCIGlhiiEDObFbWnE/ldj/OWXV1ambXr331lomj07SEKilBuHYBIYbqwO9mpelKpiFRGPcyEbSuTwWYz2YH0hYNIylKd5BetMDK1Sy0TXNPiziTFIrYMU7rK6kuxa9LmPoNoHgYlCuNGzyrMjM1qswFQDRdHUUAKHB7MdVbFdP2VztQrSMOlmyaoZx9BqRQoEyzVpWSQs3qaTRxVFBMHEL41oPb8oCpo2DYW3LfO7SS1AwPUCWhYUFCP2iG9JWaxCCJ58Rtn5mjYaTRAcIhMIMQhD8O1dNq7GE8tMB7H5XwSl/PiYJh+09z+MWbliXR3FMGmhZo4g3K0bnWTIokNbowZ7BL97kiCka2AOm6KjfLmKtl9Yg/fQmrpdS0IW2stOnN76g4g5PEvPlz8KR6BQEupvteqx7pquOpN2tjih8vgzGCWoMTuQNLSfsAzVp9Q+MGqbSQvJ9EKe3GxU08iK/Fviwaw2aXZTuZxKppVk5MG0pXf92mhRsmj9jNsRt9UBmaV2C8Nyg9VaE63S7F3ZkPhkz6bgOvfx25c3hkgwpKLttNkJ1Ue5qL/s/ybhi+YPXzSDqYb8JyLiKrpN8I7ehgmmJf9BHzRphDKo7KjMr8a4WNnvkWnvkDLWo5M0Jqo+UAAAAQZGVCRzEwRDZGN0NENDU0NzM1MTWa8011AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:80vw;"><div style="animation-delay:15.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:1.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:4s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:8s;"></div></span><span style="left:20vw;"><div style="animation-delay:15.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:10.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.4s;"></div></span></section>
emil
demo
clone
id: 2026126205
source: (triple click to highlight all)
<section id="snowflakes2026126205"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2026126205 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2026126205 > span { position:fixed; top:-20px; height:calc(100vh + 20px); } #snowflakes2026126205 span div { width:20px; height:20px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABoElEQVR4AbSTy03GMBCENwjuHBE0wKMJuFACRXCjE040QQdICJrgVcCPOFJAJDPfbvaPHSURB4g88T5mx2vH2bE/fv5VsKjZGnJXR83FdnJ2WMrTi5W3TUC2spCAzGYQW+JbCpod7JsdH0albBcv1Jq/ImFFjy/qfILUiI8JRkG890/eI+TTuQKIelemmPxxTPwU7LqTI7Ov7yCyKjZ4HI6CbmU7hzgc2LK91qwzPSkosxrVqv3HJhZ6fjW3k1ZxMsScgoUzs/NTYgHORf7u9aV1F2cObOeQC5bhe63FWadgpOtVtRVTV4gpyXY6txXzbSvoo65RYBREIKHz6e8eDIjTDGLAb0TymQdWCvrqdAD6q1vz7Q2k6UQODtyEOOyiuofmX4lgt3d/YzzDTAwXzOXIA/KNoAf0ivsmY21U97Oh5ZYzGGL6umxFwe3KsnP48fjXHX/RzDUdhhhXgi+5pSwYcMSddpodhpg6o3ylO9IgusRSTS2agqSMe9fcsYguv7kudFoxUtBXpDOg/NzZKdyM2ZoUhIlIAv83SD6z838AAAD//+bU7oQAAAAGSURBVAMA6J7GKY02f+cAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:1.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:4.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:18.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:12.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:3.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.1s;"></div></span></section>
micheal
demo
clone
id: 1979752477
source: (triple click to highlight all)
<section id="snowflakes1979752477"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1979752477 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1979752477 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1979752477 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:100vw;"><div style="animation-delay:18.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:1.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:9.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:11.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:17.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:0.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:9s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:0.6s;"></div></span></section>
micheal
demo
clone
id: 261765009
source: (triple click to highlight all)
<section id="snowflakes261765009"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes261765009 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes261765009 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes261765009 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAFR0lEQVR4AZSWC5LjOghFwen9r7gT3jkg2U4mM1WPEoJ7+QjL7s8Rf0hejG66SW2rv/UbN7HvkYttr7fJd2eYDyZKHs1I3XKLyJMPJFFXxe/vb4m0MlunaqNtL7a93laMJgxzAT04DVpvxxfjQM4iiRWFSJQbWvXaLuhzWfHJDe4IlQxT4ZvoW4j357+l4ha6Fi4LUPE4Hj3U4/EAf1l9kvxUnFBq6UQiGCb6BoaYfeUsc3G5mKmIyDwyUuvjaMEScZN+iQtP2mfGCgbDZMy3EXElwcWSQnQx6+sRMU4Tb1TfUH28qo0LISGc7Xq86bX3I4iwGmt7eJ1mZqNPJTJodmCPrC0G0BrZdj+ZuBBjrav3FDdzbv2aTkQHn7UTF2kzXfr10lcF2tGr4kVAzm8Qt5cPvPsYU3um3kRT/zHMRG1ol2C4WPLZTFpu8ua1HRIG0OkU0RSTzXH8gFiAxpLhBzDMHQ7ZDXBfXD91u68PCBthRfLxGtu52heENlrMaoctw1jVs3tdOTwE0b0f59fb5Gz0LM5K2+UWQmJjuKwKQxtrxQR6FQ/SDpu8GpGhvcfiJv0BRy5mWQuiAMXMpbxoXdU8qS8pFLfX5gXQvfTlBX/mHzQ346YwR0MODSdqG0sqjsN2mUc+SJ3B2AOi8UrkJ7beKhMxz0HMeYD3Er+rrVA6zDAdBbWljV18nI2DwegmdDSgbis0nSK2pTqUZOKxmTUZQga38R6+A/Bz9m0Y2jAEkejG5qkS6KRPDmkNtSrh9YF6SHKgrL6RrV0CyOmPV7x8OkZktFzDLEK2kLY8hFaFKoe8q7ya3MKUV9zj+tbtm2yfgtPih4WlE/w5GBsMuagIm6iB3Hlg2GirePKqayK4lRdPQIK7OJZAle76DFPf7d6/b8bEaRrndZ8cFfrB442N2LnJjchtbT4zUuHo4qRACsE075DAXvbsVJBxhslwWjDl0b6Yc3K46iYRGRYGMjytOExu68XP9yJf5Gsx3Orr7VVHcJMU7TjDzD9Rm8iIuR2uGzeSqbTBzWjN2yqml+d1jZj0CfNEjd1QyYg5fNcEMjwOi2HY96ItKyYhl51gcopN7joRxoTMBbgs0LWm1wS3v63srtM/GvQWwXntdav4LrnEqAMKx9db7XRR+Tft7jO8vOf58Prq0YDNPFWSPvzOzQ2leN/zHThonBFeMYQJxZVwjG5rIToYuuuheLkEtP4sns2C1zSAvPkqhGhjO6n8CHQxjbSca1i3NXnECIpixBI90tNEsTXa5t1QY/MAU8swQxGbBbRwQIQNOatNNyPegC2WFAXLnfwVK+TA74Wzc3g2umykrXAchol24iYW06ffC+fgvmqHHWz7RdBcsVasb8PJmzIPL8SYfhLUdwCtamYPoyOxlbqmeBjrqGHt4LLmGNRKMRe/Q47U9vvuDlPnzvnOm/pFUte43bSHObGZAA+xGPdchZxgOUXTRITmFxLdozfp88PvAWFIZ/GY+Hvt7Pdh+mlMwWG15wE4dOiF20sQc3LcZfgp1ufYPos2Q3YyP4VtZ9uBNcyQ3TsTk4sYk8h7M34GIIxyObwe/mfZuO1V/yKB8ouw6E2v0BpmEY7IZ3ufezfalkm7lVjdWFKsMqqwNXl/OsNH9Eluaigeqg1/z+hchOifekvlEhrxZ6xt4/xn9Xw6ZqsfqetmYiaOJd2wt0X83Tyfz/B/5efz1Un9W2683v/Pdg5T93HKQersI1JPYjlvV88zbzzhq37wt52urB05h7m/57tvrm3VXXS3Pz8/fRlaefOs0f+rnglks3befwAAAP//Y7cpMAAAAAZJREFUAwBc+kd3/rMQLwAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:19.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:6.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:19.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:19.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:17.5s;"></div></span></section>
heart
demo
clone
id: 2242947510
source: (triple click to highlight all)
<section id="snowflakes2242947510"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2242947510 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2242947510 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2242947510 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAA6UlEQVR4AexSUQqFMAx7753hHc1jejTvoOSjMMrS2nWIgwphLl3TLPr7vOgpM+xjVDKVDEuA8e4/c+z7qcHEWl73YN/We++mGSYAHugJggdYrccLZ5qRQ2zVQ/We9TGemskKs4GWLjXDxDQv4rLqemSfNoNhM4xAZ4oZCM3AGmb+2/adcVutYemukQxuZN0C9Sg8vXWSid48e95NBtECmUHoBzwN14wI3BGTs+0a6bttBgMiwiPnQ2ZkgGcKdQDnIwibEXE2jPHSZ63DZiCKwRrgR5EyMzqU9ZUZJxlWfpavz8TyrmSWSOYCAAD//9DMTq8AAAAGSURBVAMAoEJcR3ah7a4AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:90vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:1.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:11s;"></div></span><span style="left:20vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:4.5s;"></div></span></section>
Ophelia
demo
clone
id: 2500843938
fork of: 3577772115
source: (triple click to highlight all)
<section id="snowflakes2500843938"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2500843938 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2500843938 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2500843938 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACdklEQVR4AcyX0VaDAAxD0f//Z+3dvJCVMkBf3CG2TdqQHZ/2ufyjz+0wX8vyJabvoUad9Hfc7TCYfSxLPZXq8SzrxwAl1rPSl5tfhcG93lbPI01l2GqR9bBxH7sw5bz+G+gnS/l6az3bRg31bME25dlxl3iy299dGKRy/AD0HFPFxOeOvXveJd81d8Yw/ZBZcJhm9tbUvaGiA3RmascujAe5CCcwAuhUgEYFnUcD8ImJ24XJg+x5EcBEqMPbq1HhgdpZPQyTJva8IA2vzt5zmz1zYgzjS/JQLo+v9HmnX3LpMYZhwQMN4P4CffSdvA7DsJyHmsHfQd6l3+TxNgwHGAD6NGYW6s5W99GB/FHdhcFATEdo8Fb6hLw1NXp4wZxYwxwt5DK935DKDZxghme20h+BfaC+hpHARLAo1HtlF85K36EHlT3R917CsJQLzB1dP5vv3L+EIXmaM3d0/Wy+c/8SBuM8zm+FNoF9eCt9R/qwJ/reGsaDvtBnjOCo3NALZnhmK/0R2AfqaxgJRCGXFY3ZSp+Qt6ZGDy+YE7swKdLzDQE9JtQO9c67jw663ue3YdJA425wNudd+k13h2E8TLPJ4Cqnj77T3RjGAw04lKO/g7zTL7n0GsOw4GH23eTqPHnh23EYpi9iCAgg3IG3V6PCA7WzuguDST+CE5gDdqgAjQo6jwbgExP3EybXFn67lu/zxxhHNTx+R1GX+sBVeTz2Vkh79gUcQIejdoxhOAIs98OJzx179/AAyXcNHezCcJRgqQMdrps6q7OTgE+kRr8LA3kF/cW8hDt5+rv4VRhfaABf6qwuf7XeDsMLxfQSNeqkv+O+AQAA//9BpnJyAAAABklEQVQDAKpRPFYIMVu2AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:15.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:12.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:11.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:10.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:0.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:12.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:10.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:18.3s;"></div></span></section>
Menter
demo
clone
id: 3577772115
source: (triple click to highlight all)
<section id="snowflakes3577772115"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3577772115 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3577772115 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3577772115 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACUklEQVR4AcyPUVLDQAxDC/e/M/QxvI6qdZps+aFTjW3J1iqft3/02w7zFb/pO0L+mvRX3HYYzD7uPyoPU4XzXf6Q26lvheEBHzSAVZ6dXSxhME1Mhujw/bCzOjsJ+ERq9EsYSEwBPcdUMfG5Y++ed8m35s4Ypg+ZBYdpZm9N3RsqOkBnpjaWMB7kIpzACKBTARoVNI8G4BMTt4TJg+x5CGAi1OHt1ajwQO2sHoZJE3seSMOrs/fcZs+cGMP4SB7K5fGVPu/0Sy49xjAseKAB3F+gj76T12EYlvNQM/gd5F36TR4vw3CAAaBPY2ah7mx1Hx3IH9UlDAZiOkKDt9In5K2p0cML5sQjzNFCLtP7hVRu4AQzPLOV/gjsA/VHGAlMBItCvSu7cFb6hh5U9kTvPYVhKReYG62fzTv3T2FInubMjdbP5p37pzAY53F+FdoE9uGt9I30YU/03iOMB73QM0ZwVG7oBTM8s5X+COwD9UcYCUQhlxWN2UqfkLemRg8vmBNLmBTp+UJAjwm1od68++ig9Z5fhkkDjdvgbM679JvuDsN4mGaTwVVOH32nuzGMBxpwKEe/g7zTL7n0GsOw4GH2bXJ1nrzwbRyG6UUMAQGEO/D2alR4oHZWlzCY9BGcwBywQwVoVNA8GoBPTNxvmFy73TTlADCL2/0Hdy8/f3srpL03VDiAzkxtjGE4Aiz34cTnjr17eIDkW0MHSxiOEiw10OHa1FmdnQR8IjX6JQzkFfTDPMKdPP0u3grjgwbwUWd1+at1OwwPiukRNeqkv+K+AQAA//8YfBKgAAAABklEQVQDAItBeGUnXNuKAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7s;"></div></span><span style="left:100vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:13.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:4.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.6s;"></div></span><span style="left:30vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:18.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:19.6s;"></div></span></section>
CorruptedUnicorn
https://corruptedunicorn.neocities.org/
demo
clone
id: 338517232
Here's a four-leaf clover, in case your site needs an extra pinch of luck!
source: (triple click to highlight all)
<section id="snowflakes338517232"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes338517232 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes338517232 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes338517232 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACKElEQVRYR+1VW27CMBBcHwmqtifgkRPzOgGgwpHcmVk7itSmWSBUfMSqRBy7mfHM7DrZC430QlxsItPnxqTMpMytlTpl5vHM7FM2y6UxJcucLn72qXRIGcMsJSxm46MtY/0sZtMe2PhmBgAJcSYgYiy15ANEuMxteuA655wFCIXIJJAh1uZjbuvTFWAOxSF6VAhEoInjO3Xbfc5thf0aiw7pHp9iZKr0+MgWAOsjCJWzOyHOXBEXLtv2fW7N+erv+a6r4CNkjDa59iAz08mb08XVEQEaxhwRONsGhDnWx4tnB+9Gs0mYJcAF3bYfb7Y6A0zJqQlKsHJmjUiII7hgLWBRPVePaL+8VpBLJbXmkE/xp7WJu3xEidxOhv9BhfhHUrRHQRGsB1cBwSqVCSpSjx0KcLuZVUXZS9XKog6B9rXHK5yVm8mkA4/uFpHAFtlYIcTFmTY3KmdUmytUKi1QSWGbSERqAJLVxF9VU2k2skQV5Yow3CTDILfxHqvpqaERiKXNxnf+Kso6fF0r1a/MkHRTFVKQh6+EUGZY1mSzozVseOzApWyr37oc3Bkf2K/GRwWJMh4Zx6gB9cz6OdhZZSPAvBcpuU620wZGuw4EoEoqjHRwhLkEU8q1z/VqKuVNVoG8hANcle/77ZIZ2vvXeigzgwBULXj6fyCDkAR7yfPI6DaPle2gul6Adw6EVnkeQZHK4H4yd57heTaNTGhSprdfjaz0Q5/7BnMhCjNjgYmZAAAAEGRlQkcyRTFCNDA1REExMUZBNDgxGqc39gAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:2.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:17.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:16.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:18.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:10.8s;"></div></span></section>
John
https://johnshomepage.neocities.org/
demo
clone
id: 3748915558
What a fun idea!
source: (triple click to highlight all)
<section id="snowflakes3748915558"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3748915558 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3748915558 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3748915558 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABjElEQVRYR9VY0Q7CQAxy///R6kxqGALtLhp1T0bvrhyltHO7LD7X+7PdH97uvp+EeTksbdoD7b/vIDowuHYC5HHudOG+rgLUHscMnqnWuJinwCAgDMIsrbBympkCU2nilE3SmDIRmVE3LBY4ZZyaFbbaNDEgJdzuu2naxmBQtOrWSkMTwR8YdTnEgyoQglj5nKrwtIAd3S5NJfCpfcg0pRxPGJv4kPIfq5lk6wxIVZgzu3TuE4wKMKFZMdXpEH0KYxyYcYA64U1ZRJNUZ74wg03QVQzevGNGncFprZQ+wDhjm7rotJoQBNpFMSZHAbWp2HAAWV/Jle1vLDZ2zc4jOK3d+jRe/B4zP6MZ1IKaT1Rf+mg1MSDlB8kAP+YzDKSbYTufUSyOHJg3pv6CDvr23uRukErfzTlv79rKL74yz2CLQOGuTHds+6kQ/mMGVv5TjLGwUx9Sjdi1jP96b1LV9JU3ymlFTeeerqO3AnZ9yFUFjyCdgx9Gig5tsvP0Z1F63VkScALqmmNqmt3FbxyszDrmGGd3AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:12.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:12.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:4s;"></div></span><span style="left:50vw;"><div style="animation-delay:5.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:20vw;"><div style="animation-delay:19.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:15s;"></div></span><span style="left:0vw;"><div style="animation-delay:15s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.4s;"></div></span></section>
CorruptedUnicorn
demo
clone
id: 3964702560
A simple heart for Valentine's Day!
source: (triple click to highlight all)
<section id="snowflakes3964702560"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3964702560 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3964702560 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3964702560 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACHklEQVRYR+1W7XLCMAxLePHBi+PZkhwCNE352A7uyo91bU2sSLJCLR/0qR+EpexgRmrszOzMPDqp3+cZK0eLEDArzAL/U+043Mi5nqx6rakiLtV+phufFpwDCPrXtnjBk1IO5b4BgPg7Q5F/K3YQ3x3U91JOwQQrWA4dsjwoYsueISsnAyXgT4gTkNfP2NkA5pSrcrchEXYK5Vy6CobO9SioqafXYBvEDWZWpJX6Y88n5VGRZGN5CVHBDiUJgLrh1RlKj+EtTBQbGXttlRlIBHqTBwkAA0sI/4eLSBo8Z3NciT55dBZfBIMdaTzo5vBKEETB2E5aAKjGzhlsrAHxtcduNZkw435pG5b+2VjCAVhAQn9v3XkXXvEHYEn4npfJxzR79qMaDUn/5RMsZW10hp8gmUYcwOw1mRh2GCEZMHbPRqBVo9yYEb6WBJD4MllPe4YqMzvYUx7oWAGwtC8YyaRWLXCz5jBJ4WnOMIGVLJkxnaHbRCtT8h7mAT1p5kjs8STlhm5NfXcfgJJqSpOZ0k1S663MASMYORh7zbjZcMpMFprMzNFOA9OckLOFms4wMMKcqQtn2BIDm8Fcg+KMUIZOjnSPRm0W/7eAHgYTC7STOQwbImAV2bSdUPOfDG8BQ0A8GPULATRl9myV5W1gyAVPdE69EnpyMi955WEDjxZBDul8mo3uGpC04Kzm394/ZeC/QreDGTG7M/MVzPwCo7wXMxbiijMAAAAQZGVCRzc2MzFDRTY2ODQzMjQ1QTl28npEAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:80vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:4.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:10.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:4.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:7.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:0.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:19.8s;"></div></span></section>
armxnd
https://armxnd.neocities.org/
demo
clone
id: 4290626603
green snow !
source: (triple click to highlight all)
<section id="snowflakes4290626603"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes4290626603 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes4290626603 > span { position:fixed; top:-20px; height:calc(100vh + 20px); } #snowflakes4290626603 span div { width:10px; height:20px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAN0lEQVR4AeyQQQoAQAgC3f3/n+vYQBBBx8qL0KDgV/MOLIcazGMKoWOQiBTanPgUAplBPGl3gg4AAP//sRpfFAAAAAZJREFUAwBMLAYpQh8MhQAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:17.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:19.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:30vw;"><div style="animation-delay:1.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:14.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:11.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:10.4s;"></div></span></section>
armxnd
https://armxnd.neocities.org/
demo
clone
id: 2843216530
fork of: 3957389197
matrixy
source: (triple click to highlight all)
<section id="snowflakes2843216530"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2843216530 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2843216530 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2843216530 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAA+klEQVR4AczYURKCMBAEUfD+d9a8kjgmB2AQurKJVm0zy5ev40GfVeZ9fK+SYGRonMf3UheEIlNovreMjEwkgv1XN+0joyEhqAusMlJBSWiVIYFCKlpGRiJOikSGxBSaq7MbWWWMqCTimSNDxAn+a/ubiIyGxVS0j8wUKaWyypCA0xJJhoB0oC4QGRKSgboqU2i+t0wy+zeFfWTmeIxIXZXRnATUBZKM5lKxlohMWcTzR6Y4HiKIjF2Zh8rMd2auhZSSjHdmUhDRMjJ2ZS6ZYWE8GGXrjswcUVEoMiTQimX0jczYXP9BnMoGq4xk0DAZPSNz/nI5x3nl/gAAAP//d3C5yAAAAAZJREFUAwB4rD5HYfaIVwAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:0.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:2s;"></div></span><span style="left:90vw;"><div style="animation-delay:15.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:4.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:16.4s;"></div></span><span style="left:50vw;"><div style="animation-delay:16.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:9.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.7s;"></div></span></section>
anizzi0t
https://izzysplanet.neocities.org
demo
clone
id: 2008247822
hi!!!!! this site is rly cool!! enjoy the alligator snow!!
source: (triple click to highlight all)
<section id="snowflakes2008247822"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2008247822 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2008247822 > span { position:fixed; top:-26px; height:calc(100vh + 26px); } #snowflakes2008247822 span div { width:20px; height:26px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAYAAAC3g3x9AAABvklEQVR4AaSTP0sDQRDFJxFF1MZCEWysFMRPYCERgoKNIAQsLC38AwYsbKxtRIRYGNEvIAj2QtSAtQhiEyutFC3SxIBGXXmTe2Evuc2dSeDd7MzO/u7tbi4uTX5jZ9OGYhtzRllJGJXX4AT27yTN22OHQF6v2DW7znnEOJowwBsR6/WRLSuUfcjZEwRVh2jGJKAQci6KFI/yMfYpkAmgEPPIEefoNfuAXs0Xeld7nPng6I9vDkkoEE2hsrdc3M7V9h+60NXwny2TYd8ua0FRt+xyCQhVf5a+87O3zLcACjFHBIRCXq/CpamWmm0ZUGojk5P01mJNyKlC6jomcEZV0aJb9sa+wD+3GV7WOiOSg3RSP0OMofjsiIG6lyaME4hG6mWwCmUeFLsG+rQcCTjUqb0ND7iC7IlIwNeKvaRxTHeYiQR0OQQIAogKBd6cbArFRa44mZpx33LluSi4zam5cYHuHu41Rw1zkA0G7Gp+P+Z0WDq+1W88s3sqe+tZe618lz9VdjF/eK6pE6izER9w93vxpAbaBn69l4Tu8P6WgHAEEGJibUHormUgFgIEZ7gI5FRLDgGBbGdtAbk4KP4BAAD//9H3OBcAAAAGSURBVAMAopXJFkQ0Ga0AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:19s;"></div></span><span style="left:50vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:0.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:10.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:1.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.7s;"></div></span></section>
kepler
https://zomboid.pro/
demo
clone
id: 1659619429
i <3 spiffo :) enjoy heem
source: (triple click to highlight all)
<section id="snowflakes1659619429"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1659619429 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1659619429 > span { position:fixed; top:-32px; height:calc(100vh + 32px); } #snowflakes1659619429 span div { width:32px; height:32px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADv0lEQVR4AcTWTYhWZRQH8DNhlEREBRYDFUzUokVNKwnaDEpOEAQDEVYQQyAGQRRGUeQiKIqkDwiUNkOLGiIYiKLeQmkThKukRZtoBBeiggvxA0RhfH9XzuV5n7n3nVERh/m/5zzn83/Pc597701xg//GEph55PaVEteDay8BjX//bHuUGOy4c4TQTEUw11dCtJeAIieXD8ZL7y/GgaUfgj49fX+UhEp98bWpgJcfWomZHmKlXX0YS0AALPx9kYi7pzY3suuHD1589YVIYghBrknrMn9dBJ6eXBnbvCxY64cOHYlv937XTNI0a38vgT/+PT2x/avl+HJ+Kp6YfyvOPPxKi7pI19qWsZver0cnqJ3oJZDRpybnYtOjs7lsJDKNUv2wJ26Z/brxuoBGGf6YpIkM1fZ/TQKa//jGltj5/NYWJ/4ZNNNoqwwVjYdi5D9JzD++IeDee26OT/68GKabgWsSOD/YEUb4wXu74sTZy2m7P9wTSBhzwrokSWdLEjLr5mxrEhA0edfG2PnuHmrQ4Y6jS806f5Ci10RdADu8/eSG5ojSE70EZoZneenn/eEeeOzWczF938YGErc9cKE5FY4dsCEFNVG+xLHjF1JtZS+BjHAPPPv5gdi996cWm98ZxFNvLrYwZqTklEQR5/MA43MPkCVWEXDlIGjuma3NXtNrbLrtsmXfR7saBamSJB3xcgvWnIDGCoOqtsAE6DX2fb8/xvnFuwlJR6+rOV87gWzOCEgc/Hg2HMEsxH4lQN49lDnf/DcxcgTZWwIWeczoHiD2zr79tfBpQ8Q4+8iwg9yE9eFfvmiWXc05WgL5cEDCQ4PT6JCY3fZgIGKdZEwGkALHUrOcGp+10Tv/6pkyWaIlwIgESNBMc8cMtsw9F+Btl0BM3OC3/wM0A7X45JO2M1GTGCEgEZBQSGPrPvCXpDSDnFZfXmnvJIClQmXg1eimA7Y1UdfpJFAHXcvado7LH0vAi2ZccunritU8976UJpy5qwhwCnZTvb6w3HwLdhVXwBdOfu2IZzNychzU10fMCAFGTg6vYBIJEokSmrNnHJmx7AkfIY410NOuj34jBNJZy/VcVZ2T40fMZxk4HYiIdVOS6yKgGBIlJPdBvHe/pylkUyTqnBECzn8yy8B6nfYuWcZ6CGUMvSRRbsUIAQlJQjFgA1dVgq9GxpE1kEibraDrtYpAOsgSgmuU/tTF0G0XmSjXLiTjOglIElCCrQZ/acs1qYmmCY92sabGT4deApzrgWKJMp4NiYTXcd1c/CUAAAD//8rbV1IAAAAGSURBVAMAN9VwslqM9/sAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:100vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:8.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:15.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:7.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:6.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:11.3s;"></div></span></section>
frog
demo
clone
id: 1494100513
source: (triple click to highlight all)
<section id="snowflakes1494100513"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1494100513 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1494100513 > span { position:fixed; top:-50px; height:calc(100vh + 50px); } #snowflakes1494100513 span div { width:50px; height:50px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:15.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:5s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:9.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:1.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:17.3s;"></div></span></section>
vinnieb
demo
clone
id: 3957389197
source: (triple click to highlight all)
<section id="snowflakes3957389197"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3957389197 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3957389197 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3957389197 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAaElEQVR4AezSQQ4AEAwFUdz/zmxthopEkOnyE+ppSReVzdBnKKMMCVDuzChDApQ7M8qQAOV/zUztil4czf+Sib46sm9bJncVuXC0Z7uZ0eGrazZDYsooQwKUOzMTGVo+m/tN5K3MEzINAAD//wSYBu0AAAAGSURBVAMAAsIMR8pNevQAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:13.2s;"></div></span><span style="left:100vw;"><div style="animation-delay:10.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:80vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:13.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:6.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:18.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:8.7s;"></div></span></section>
yuutou
demo
clone
id: 3307166034
source: (triple click to highlight all)
<section id="snowflakes3307166034"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3307166034 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3307166034 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3307166034 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAACkklEQVR4AeyVvW4TQRDHZ61EEGIpFUiUNChN4sI+gl0Qp4A3yAvAU+QJ8hTwAnkDKOJQ5IM7F06aiIYSCapITgyKxTK/vVvrmvPtYSFBdKf97+zM/Gd29kN7DfmHvrqYosOod6bemaIdKLLfrTtj4/i15VNZtOJQ++I70+m8dZN56ZQ/64KLYfEefip0uRjuOV2l050iwtgjM5WK4GJmmU5OHszG5+dNaf46djoS3Sna5XmqhrSKxWgh3e6NtcmWYs20WtfjJ+k0SHTsii1RnojyU3dQH1yMcV9vIjJ8LtI+NaZzxQxf6BRepvb2KTxjehPC1B3UgovJZbucSvKK+4BtQ6KjvMSOX22XikotuBgmGY3sKitfNtGHAzlYwsZsAxksI9Gx44cHHxu+EDTKSN9i696Rr0PZe/pT2pNP9gXYld0psRzDjtmZItGx4wfwiaMg8uCfh9JiHnbEvSOP27J/P5IjD5d0IG5H3Jgu0z0HSRwun4dxEUqL+Z7IG4JZ4Y9Ytj2wSV9uJf9luucgiYPi8zAuQmkxjyLzjiNghZ/vyXDlmfkIuBsk5QgO7eHs/mDHD+ATRzx54M9DaTE+mIStlrnWN2Tt1sYvuRvY8Pel73YIHTt+ePCxwQlBcDG5ZOtL0nnvJ7mQeBufl9jxq21dUakFF8NxWHu8woPHg8bKmSl7gMXL1J4+jPCJgxeC4GLSZN0b0X+OviFniis7Gq02s6cXiY5dcQZPRPlpYFBfsRjN6f45Kmmbm2MZN3oMnUR3inZ5nqohLbgY7oKHT4wuG+19p6t0ulNEGHtI4BdcTGG+JHHvkHhZSCx3LFyMiSL3DiHLp5vPWLiY+emrebNiqgX9LXZdTNHO1jvzX+zMbwAAAP//WZArQgAAAAZJREFUAwAifjlWbrow+gAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:14.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:9.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:10s;"></div></span><span style="left:20vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:14s;"></div></span><span style="left:-10vw;"><div style="animation-delay:8.5s;"></div></span></section>
yuutiy
demo
clone
id: 3715494217
source: (triple click to highlight all)
<section id="snowflakes3715494217"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3715494217 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3715494217 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3715494217 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAADFUlEQVR4AexUPUxTURT+bktrgBJAE2LcKAnBxUZ5BWTAYKKbJgwwORhYnIGFgYmBBZhdIA5OMJDopolEBgRaNHWRkFA2Y0gUCAViS7me78JrWZ7vQh3UtDnnfefnO+d970JuAH/RryzG649RPpnyyXidgFf9//qf0YlEv04mNdHri23rpZ+MUtPmZS6a5HIPazHy9aN6be2V4IT7KonnEcYIaqQiaHIJaRJPnPFHmdu4tRhcVXHU6UfIZovLQ6EniJwsISSvMii5hMbII59zpuD/sBfTqDcQzVbhbviF1sl28VoVix1kGoFDcSJz1sXbyTN8zvnrMAxrMUo5w0p1HsnUlAaWj6HbJMaWPDbFiQJgnX2Jp8jnnMRWZi3m3Lb1PPTDTai+WT0bBIKTp73gJHPW2ZfauviFzFpMclPPp1K6Wr50L6Tibz8j/Sya7s1kt24ffcd+iMicdfbJI59ztop8xWwndH9arpEbO1hp/onWo1XdRW/72LtctYOEEw10davuYyJz1tmnk885znOPnyhfMRGF6euypQ4Y1wG8d71Bw7m5j/vSKhhz1l0OkXOc554C0SPwFZPRGPgmw7vAiDrBPde3FZJfavBOWgVjzrrLIXKO89xTIHoEvmIa4mom6ij1tR7tG1ewVtmmFumrd+Y6DusRT6ZPFhf0QgWROevs08nnHOe5x0NDoewrxmU6TaonFlMHcofU5nTiwS1En6ejc5Fw46fKa6jJEZmzzj555HPO3eGH1mLOLWoJQr1pgp7tU315ID902ssPMWedfam1iF/IrMXIl05ovVQp2wcV0FEBtSox5PJFkwREAbDOvsSD5HNOYiuzFoMt1Yx0+BAfsk/lDlkR39OpVHVErt4qcSJz1sVXyDN8zllJAezF/NAJ7KrXCIfH4P5yuZfIBDqRk4JBySU0Rh75nDMF/4e1GOU4Y6q19bHgsLtW4h5kMY59qQiaXEKaxMNn/KJ4Nn7j1mI8d2g9YHoumuRyj5LFqHh8Rk5BES8noThVspjiqtKjMzGlL/oTG8pivE6xfDL/xMn8AgAA//94c1FcAAAABklEQVQDABTxaFbyM6cvAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:13.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:14s;"></div></span><span style="left:80vw;"><div style="animation-delay:10.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:50vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:40vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:12s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:6.7s;"></div></span></section>
zizi
https://thunderzizi.neocities.org/
demo
clone
id: 2861762662
yay whee
source: (triple click to highlight all)
<section id="snowflakes2861762662"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2861762662 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2861762662 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2861762662 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAADvElEQVRYR+1WTW/aQBTcdSsl9JKQc6RAkv6HVk2lVsb8aGxLOSC1/yFKDYdc83EpQWq9nXnPNmBhL4S0iqpwALO2983Om5lda17Qx74gLOYVTFM3/i9m4pFz0dDaUZy7YRTstLidXibdo9g563jlTDT8h2BcnqOsNTaw1SJGYMYCCK0QLTHjcuccxoNgc4BbMZMDzOTxwZy+69rRKHcWmEjKYOBMkmAqlOdnCIay2a3r7XVXgPtipBFMDPr5chQtWCgno07IRAli8WsASgEts1S9hzk56xAaWweslZkYq8fyRQ/6jW6gKWHErrAJ1iQxtIL/cUJwfAhtxJ0E/3FZvKdlOL4OZAnM2yYKlCgGEUoXs3N1k/md6e0dmhTtCdGmtACTzR9kXMCrsuUZXg3XsLzMkBfMcmsIiMvN5vdS7Gp8YKIBtaJPkZ3zz3qvt38oEiJDTW2pt6oVDPTqpmCg3zmS58hSBBYo4qsxVo9iIQBOZ/em1zlEy9gLa84/4f/+gUlSW2kum925EzAGczXW9IChlU1lT9qY+uCgtsUJG+8vCI4sKTtki89QT3QW53DwuiRAi9U3bhMTli2KwEQSqzJDFCcbX97emstfR5WQRWO4l8JZNIBPKxsLWB1FF4kd9AtiIJAptMObx99zc/Mh4PrNSadrUjDCdulHXcf3uW3UddIqYIbZwpDqFDErZivdJGJFQTKiRXlPpyVDg6KVmgXFbACdpovSDJyyhVsxIwXF4YBVrI0gJxAuB46//TY3HwNhqd85AFAOq24KcgRwvXidpY01E0MztCrFGadaZoBrJu7XN3cFIypockHNSBoD4LNYu+4AthDbgzqFbgohUlB/Bitfw+rMIQpakpitRNiVQLivkUU4+2nWJpjs8d6cljkDMCw0wdj1uCvSJDuaxhBuoQmC6yN3qKuyNdlP5AyC8Mk5s9xTWps5wk+G0NMEBhsY030KLIGVswskMG6yMAcTANz00OXVTLlZRqHqhLlhIR6mcA9iZVtC0Y7uXxR1b79brYNAY2HMnzetYJi4i+1aDIFVszW6j0shBCAZSyDqMCx2Z/wQXLVpicV1D2vLmkYwZeKuc4KeZwAKAmZRHimYynqUUPxrzzN4jw1tsri3Tcu6oSOmOCL0OzjpQUO66bA9BLXIFcb/DwiWbQxwRq3nSdP/jR+UunpQW7EnNVUcXlZaQOCcvG1jrIPaCsy6FYmuCgX59h4fQzuDYTJTHwxEX9z/dTC+Atvc35mZbYr5nn0F8yzW9tG86/0/TVLvM9w9CS0AAAAQZGVCRzA4NUE0NDA5NkUzQTM2QkTieHy4AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:11.8s;"></div></span><span style="left:100vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:60vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:15s;"></div></span><span style="left:40vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:17s;"></div></span><span style="left:20vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:10vw;"><div style="animation-delay:13.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:11s;"></div></span><span style="left:-10vw;"><div style="animation-delay:19.8s;"></div></span></section>
CorruptedUnicorn
https://corruptedunicorn.neocities.org/
demo
clone
id: 3079521682
Happy Halloween! Again, I just grabbed this from Gifcities.
source: (triple click to highlight all)
<section id="snowflakes3079521682"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3079521682 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3079521682 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes3079521682 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:2s;"></div></span><span style="left:100vw;"><div style="animation-delay:0s;"></div></span><span style="left:90vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:60vw;"><div style="animation-delay:3.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:7.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:8.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:8.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:8.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:18.7s;"></div></span></section>
josie
https://lantern-cat.neocities.org/
demo
clone
id: 2909985472
Love this generator, thank you so much for creating this resource!
source: (triple click to highlight all)
<section id="snowflakes2909985472"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2909985472 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2909985472 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2909985472 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABdElEQVRYR9VYWw7CMAxjP9yJI3EijsSd+AG1UqYQkthpNxj8ILHWdR3nMZbT5Odxvz7Pl9si3zNwHaQBNMARoC3ICIdOYOZWW5FpYrypgUh5zzMyVbwPMlnIELgNc7bes0fJJ5G/IsWqXnTJoBtZs2fh85Iiwi8pE2VbNXwRTkqGTXuGDIMFlUEHySHIHwin7YdkRFILpklY2bWnGBKyfyXD3FDXFAHQrcBioETQGK4yiJRVxKqgVfJaTIZPh0nahpcJok70jO15NJnoRtXfM2LDZKr+YdRZR4gs1lHmiCe0UdFanZ2WYKhMZNQspaMUz0yv9/yHMt44UKktqER4Hho2sBf7qOawIy1N5id1Bsn7lQqMSIgyttru2pvYAWrXrs2SQFk2igPnGWY60+HLSj6DVcqmmVtTvclbhIaiQ7wdRFJ75JmwpI0SAVTmWeQl76zjvWtXb6zl1UMW24O88tD/hUChQVmwFRlYZxAR2yJGlZFzXhDOCOYul3k0AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:13s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:3.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:2.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:14s;"></div></span><span style="left:60vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:8.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:19.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.7s;"></div></span></section>
Corrupted Unicorn
https://corruptedunicorn.neocities.org
demo
clone
id: 2094141563
A golden leaf for the fall season! (disclaimer: I did not make this leaf, I grabbed a frame of it from Gifcities!)
source: (triple click to highlight all)
<section id="snowflakes2094141563"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2094141563 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2094141563 > span { position:fixed; top:-32px; height:calc(100vh + 32px); } #snowflakes2094141563 span div { width:32px; height:32px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:19.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:18s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.4s;"></div></span><span style="left:20vw;"><div style="animation-delay:6.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:13.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:13.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.6s;"></div></span></section>
KyPear
demo
clone
id: 1879136508
:PPPPPPP
source: (triple click to highlight all)
<section id="snowflakes1879136508"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1879136508 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1879136508 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1879136508 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAWtJREFUWEfdWFsSwjAITK/gn8fypB7LP6+gk86QoRRYaKKm+tOaB2yWJSFd7o/nq5RSbtfLUp/0q+21jZ61nY/l/TSHj5d2NXvcV31fnUkw1MbBjX7niyd/jQ3JAK3yEyA0XyszRL/lfBQoZL/2u2CIShk2jWIUas8WMbULk+ZY05AEZAGU4uZhlwnSmLG0YWWIFXeZZdp8zVcLk5a2RPvIzOK6ke+b1D6aNdGVR+y3fcYLk9ycIoa5VqLzN2Ayq0Sp6gG2/EBmMiz0jlXBZBjKAEB2z8EMOia8k9raR7QKgI/tYkaKuPccMzUjN0L+P6uTqK0uZjKgImP/h5mvawaJEu0dWtZZ+juHZrTqPyLCI2cSzZmXmWj8vcILaYzPlWMhM6i2RaHLzIdgIs5G6WtzO5D0RyhHYHk/rIHRmfOz24HGhFde8toWacOzTXPnu1F6AhylG1TA7y5xRNeo7IhWfC1MU32fmenL1RuAvLEHp2h4OAAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:2.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:20vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:8.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:13.3s;"></div></span></section>
canivore
demo
clone
id: 554434201
i made this on school wifi
source: (triple click to highlight all)
<section id="snowflakes554434201"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes554434201 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes554434201 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes554434201 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAcFJREFUWEfNWDtSw1AMjCvOAkNBy2VouAOH4A40XIY2BQNnoQqjzCyzXlaSE3iO3WRs6Un7Vp+nl2m3oWdSLE8v+8Pz4539Dl0nd3YqfefnJKdhYAmgSq+S/QIDZ1gULKgBfg991XHfWCdjNgXDoKqwgO4svEvthN4PGGaC47/UyVI9tQ0WZ2DiJYtnFefXj8/Dw831hF/njB1WfmyYuorisGVgMqYBxoW+TeBuVwrmHHbBZsuM7pATNuuXqBzsPrOh61Mwt/dXu8gFjbFjKnTf376OJa6tQftSMKm6JTMhzBIyHMcDoE431sZ359TZLcHAGDvkpFY5O1CZFoOz/ScwyoaCyTaBdcpsm8CcM64ceYdcUerIMdPmjJ5FCoYTDw44NziXuOI6O7MOrIceZz/LuupyhyfCEkxkdrm8jyfyqfMJduM2kp3gWU/iVjAbD3iBGl2FGW1SANHFOvT+PWccfUH/RauJQXVNb9U+04FZtQNv6mzSnMl6CDrz0FObe8/F5xnsWGcR933VSY+rzM21w2bgc+bXIbeDzd2bsm68+o1Sgeh8U40Aw+7a1e2xkrlE58FJD2Qn2/b/M90QNFL+De6hOPfZhPIEAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:19.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:1.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:11s;"></div></span><span style="left:20vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:11.4s;"></div></span></section>
cotton
demo
clone
id: 1155559403
clipster
source: (triple click to highlight all)
<section id="snowflakes1155559403"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1155559403 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1155559403 > span { position:fixed; top:-41px; height:calc(100vh + 41px); } #snowflakes1155559403 span div { width:47px; height:41px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:5.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:16.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:12.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:7s;"></div></span><span style="left:40vw;"><div style="animation-delay:9s;"></div></span><span style="left:30vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.8s;"></div></span><span style="left:0vw;"><div style="animation-delay:15.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:6.9s;"></div></span></section>
T
demo
clone
id: 3660608853
source: (triple click to highlight all)
<section id="snowflakes3660608853"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3660608853 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3660608853 > span { position:fixed; top:-50px; height:calc(100vh + 50px); } #snowflakes3660608853 span div { width:50px; height:50px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:8.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:16.1s;"></div></span><span style="left:80vw;"><div style="animation-delay:4.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:4.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.6s;"></div></span><span style="left:50vw;"><div style="animation-delay:12.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:17s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:19.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:7s;"></div></span></section>
t
demo
clone
id: 1466232007
source: (triple click to highlight all)
<section id="snowflakes1466232007"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1466232007 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1466232007 > span { position:fixed; top:-19px; height:calc(100vh + 19px); } #snowflakes1466232007 span div { width:20px; height:19px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAEwklEQVQ4T22UaUxcVRTHz33bLMww+8IyAzMwyA6WYkJEJdWKLVZCy5A0aWvrBzQqbU2lqKTJ2DSESGKaGNvYTxqNmsFoY7T4qQEpWiJQqlJkZ1iGNewwM2/em+t9o0Ow9iYvL++8e3/5n3PP+SN4xCoqKmJ7e3vDj/oXi2HcwyK0/3970EOHUFlZGd3e3i5I8cYLtaWP5xeW6HV6G6IwstuTZ5yu9LtIkdAh/cfYTQN4IwghHOPsAjEGEgfpO3Ky6siBpa2NZmdKUnFmehqIokieCFgtJohXq2Fzc+teSqqjsbS8qo3sR/ifw1HoXoWUBKusONgQCASbOZYhh+Pw1vaOOOtfxnpDHLicdpSXmUMHg0FkNBogOyvTU/RMxfsESBFgZBcYq9npE8fO+XwzV3U6DVaplIJ/do6maA6xDA0yOQtKhQIKcnOwXhMf8c3MUMX7CimO4y6WH325hUAZAhVQT20tu//GjfCHzZfz7nR1/j4yOgFmi0VQyDhGUhgSeAjzYdDrtJDhcMDyyioMj02gxASzmGpLph9Lc4JcFV9cUX2qB/eQi3K73XRra6v4gafh8/sDD0703vuDz8vNYtVqJVjNJkggdRsZ9wFJE5w2G4z6pmB8ahooUqzjVZXh3Owsbml15ZsX3a+4o6lLeV9v8Zin5ufv9/f/aZ1bXA7bbQlMnFIJyQlWUCgVMERUq+IUsLa2DjKZDAw6HQwOj8GBslIxK83B8Hx4OcmWUlD6fKU/Cmy6VP/k+vrqncGRMfBN+0UCo6xWE2jiVcCQ+m1vB8BsMEAGuXGKpqC7pw/Gx2eBlTGRYy+9QM8vLoJWo3n2rXev3I4C37vw5iEaibfmFpfwToCP8OEQFQ4LoCIqzSYDpDnsQFMMpKQkg1yugJs//AR9/QPRVil/7mmSPqKCfODo5eaPv4sC6+tOP5WYkPRzMBiCyelpcWF5hdJr40GMkP4TMORlZUByYiIYzQbQqDUwMzsLd3/rJTcvi0xMTFGF+bmIKD/8dmNTWxToeef1dACmz2Iyqh8MDQkkddqZaoeRsUmQ+rH6SAWoVSqQK+SQlJQIK2urMDo6DiFeEL/9/haTm5u9k+lK3Xe+4crQbmO/UXuy02I0lGKE+eWlFVar0wBHM6DRqiEnKxNI4YEnGUhQoCjo6OwCo0EvTM3MslptfJen6aPSaGN7vW6upqaVrz9/5jgVob+MRLBgsVgok1GHMlwusJO6hUIhmPMvwMbWJrAMA2ura1IvYiHMi2EssqKIzzS1XPvU6/VyksLdWTz72qmbapWykkxG0JnqYDMyXJROr0UCUbewsAgB0ovBnQAmPSmajEZhdXND3vFLd9u1G18c/tcciB2QFWtuyIc4z6G622aT8QkFGTNXenpIzrGSQjS/tAhkWjGxGNgOBWUWqxkGh8a6z130HCSIzRhjj9u4aYRaxbq6Olm6TX9VznG1edmZFM/zRFmAKAtG7ShIvgeGh8n0TF7/uvXHswQmEMtjYpb3Hz+U/E2CSqovNbxakOZwVZvNxpKNlXXbxvYOafDthb+Ghrs/+cz7FdnSJ+3bC3vYvqJlwGS2weuV1ETB0ipxlyh+7fIh8Pt3YjEyt3RNTQ1IPhCLSe+/AWJjCdJdskFbAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:80vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:70vw;"><div style="animation-delay:9s;"></div></span><span style="left:60vw;"><div style="animation-delay:12.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:16s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:2s;"></div></span><span style="left:20vw;"><div style="animation-delay:0.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:11.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:13.2s;"></div></span></section>
PrtyPsn
https://prtypsn.neocities.org
demo
clone
id: 682370262
star walker
source: (triple click to highlight all)
<section id="snowflakes682370262"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes682370262 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes682370262 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes682370262 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABuElEQVRYR+WXsVbDMAxFU4Ye2nTqp0An4PNho7/CYWgOsKRITl7qCMuWU2wGurTHdvNunixLXjUFPm37eH57/Wz2h9um615WVgnzQusDAcLr/xTGBwF8DtCvOMMQLM6hkZ+qMDGQXHeuciYUFm1vWRwyw8ABXwwZgzE/TCwuxzGmZZgJpt1Sqh7D++F0em52u6eZMIuGxv2w+S8FOBMM/1HuDQjyHGAAwN+h8cm5nmZvLjj7w9oNmGEAJEMBYYgjdG6cc4wUGDaYafcUSlrTfQwHYxaMBpS7Z7Be7p1smBCQlkEciR720O9URi2CsQONcWKQO6pTYzg0+MIwg2zKEcCVhRmNKQ5jDZUVZFE2+fHWqrRMf2tPszhMsTR3MOPBVsUZzRWGrO4M6hWSFw5cIIeZ4s5MglONOZPoxvW70rF6MONu9gX/L0zqzVPzWilYdM6kriKVYR7ogval1pxqMHOhnjJo++PGWAVmEkkUv7owiZZgQ837u2veCx16OW+bs1ZmVrRQhm6LqRO1CMz8oXbLi8CgRfCttPQlIRjtNpAVpthpqc3Jqu2vS4X4quYqBuTmxM0x5ew34dScgyElTLUAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:15.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:7.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:15.4s;"></div></span><span style="left:50vw;"><div style="animation-delay:9.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:4.4s;"></div></span><span style="left:20vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:9s;"></div></span><span style="left:0vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.1s;"></div></span></section>
Chiclet
chichttps://chicboom.nfshost.com
demo
clone
id: 4183767167
baby alien pods!
source: (triple click to highlight all)
<section id="snowflakes4183767167"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes4183767167 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes4183767167 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes4183767167 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABTklEQVRYR91YWxLCIAws9z+0Fsc4IbObB1ZB+6MWSJbs5jG2Y6OnbYTleAvM7Xza+ciF7O/qRUtgIufRegTu/8BIRD4WGcQ/c1YB4+mK0rQ9mC5ADdJGBK1Z0U5HphvSqYvAWGeyn0UW2RQbbjZ1g/awfiffNaAOJjrHUtzVjHViixujCQmd2RreI05fYXtW1+imGpQXSaHZ2oc0MadaB+IMUaSdWFssWlqTA03aQUaIXnnPCp+CYQ3PowkBss0TUWfBPvYgY6wWeOkalQHth9mnNHkUXLlWponRF2VHJcJpmpZoZqts2qrOMA0sqcA2/Zb3JgSIFbGvd+1sWUfNFZ1FxRE2ykyVXDbpeVERscswpT+jIon6Ei162pEXLW8GztoYkqTSZ9BMUo2MO3ZcAcYbPRglcPT4WTAWOKOtcsFpzcw6yZ4r/QuRNTq77w711ZRCf6xiJwAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:19.2s;"></div></span><span style="left:100vw;"><div style="animation-delay:8.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:80vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.6s;"></div></span><span style="left:50vw;"><div style="animation-delay:9.6s;"></div></span><span style="left:40vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:7.4s;"></div></span><span style="left:20vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:12.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.2s;"></div></span></section>
Corrupted Unicorn
https://corruptedunicorn.neocities.org/
demo
clone
id: 1177541662
Orange trees are blossoming here where I leave, carrying their delicate scent thru the wind! I hope this humble pixel flowerfall reminds you of little good things in life like that.
source: (triple click to highlight all)
<section id="snowflakes1177541662"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1177541662 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1177541662 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1177541662 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAEo0lEQVRYR+2X/XEjRRDFe2aUDVFgayVHQUEGliX7Yjh8skmAKiAK68PnKMhGM83v9Rq48mFJXh3F/YHK5V1JOz1vXr9+3Ur2Fb3SV4TFvgiY3frSR5OfTo51coAKkHT+wWx7bXl6f1K8kxYrxe3h0q27t/TxylL3H4Lxhyv36Qdrnqy4W9teWZkOT9dJzNTNpft4aakSJjfz9Y2NLu4Gxxy80NGKn92bZ7PUGglL1rJb2swHszMYzG5z5ensR0ukyAqIKmkqQNosrEyGsTMczGruuXuPgkVKjkshVXX7zkbdclDcQYt2DzM3tJILbJCegOL6U87cfHNtowHsDAOzmXvBWyQVtocSAABGmFJK5o8zywNMcBCYupmhl1s2hhOnirLYARaABLA8zi1N366bo8BU0qLNUISVi95HdphdmpKqBoLHG7MxTClFOPGo64FU6Yo1ajrpCKZeBeNUC9E5OUqY3HIleub063mkpBQoEAA8Jj0uuOcZUpT4Xsnjls+WghS5bKt3obEEk68B+wxMkzg5YVh8IlDr6XeZGvcpEQxQDT/J+g5AziYCbltASTjdLQtKAGKVZemI0+jxzHNpO1NASy8M8i8wLhAS4rlAuFVwECVwea5RM+LboUWbEIpnVEu/RRr0rdv3YXy6K/iPa7EoRVuOmLgE1mYALdXy6toqn40mfU+Lf201w9YRJJs3EBdOr6daVIk2J5jSpUD0H520TaSXX2LzYIircwDP31mhtAXIJxxMaQJY6KmWiN2ESns8K1FtJF8sI7Pxais0onyO78JJM5tXaUDVwmI1QlEi2uMUAum/8g4G+mTE2bL37BAi3lcQ6r4pbbDhaCyLPYA4bi3q/xw9PtOMypb9zc7JeykEJ0WcPKw+vKSHk7dUUPcNmylhISvgVJj7nd6EmFnjMJKV4qgpOjv/AzSlL6Zfdvg91SRQnJkTFVUNQbMQfVwQEOrP7yKtXn8GKIWPfqz8EJCa+hNra7ckLVFPVtZXPCfmVOb/7EFH+UzDL6KeVVgwkydMdmJDNHOvZql+aVSYj+8jxU260QFYpkSNpof71VFgQlNUW4KhiC6GnjjpGbOMxgZYcJWvFLS+xn15TqWuxrlaMOMcN3AdBcZXGi0xMIkO7+n9A62EuKEe15XBqRW4qgRwJBeroSAkps0NAL8QMw0w6XzZi48N+sp5FrZKG7+wKbMNlRJCl7fkvp6kO2M+Lt1hdg4ys2O0LOhAKZAw5MCVFGTEG/4q13paWB6/R1Zy3doLNoDwjNhU61gxAR5I10EwMsRE5cidsavQcQhWJMGQ0wIyw5TG0MpYkRPpkcGFC/eWG06MdvLJYGAmMevKZKEk2A+hko8GkPKJFvQbKnf0KmA2+klR6UfbovTXArNfN3uZaQLyLSkKzvveIT/MKLU+/T0qhDieX85o0To8SOyQpt4M4VQGSkfPe+ac/WAQrtMeok1ASQyZ8hKNEHsol85Ql0n0fcuPd9YYNcrkdXb2gtFQ5dM7eVfMLHLe/IYfaVofIKg0YcoM63komN5lGS0oz/QGEJ+mLWKs1YQVY//P34PV9DLwv/n+fzCvsfsHJZKFQhFOEhIAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:17.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:5s;"></div></span><span style="left:90vw;"><div style="animation-delay:17s;"></div></span><span style="left:80vw;"><div style="animation-delay:7.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:4.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:2.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:11.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.9s;"></div></span></section>
Bairuzg
demo
clone
id: 3233885510
source: (triple click to highlight all)
<section id="snowflakes3233885510"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3233885510 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3233885510 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3233885510 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAwRJREFUWEetV8uS4zAIBN82mf//0tk5RlviIfGUk63xIRXbCDfd0LIRAWHgABiwDgR3enO9i975/L8+ft6RowhCAIfThujK8SmYDiSAAXMGZZmLBRC7dUB68gn6BvOmNr/GgyYyCQtmCuGKhYtHBBiDKTZtR7f3tfDEQ3wvor2TAK2m4aiGsng5hZ2Y+Q8ZbJ2CsORkgbZDgcKs1hOYeRvOUmWMATizylIZwluriJLUPXPG40DME5uEQPm2O7aBFfvYwKERHIj1BL0aMn0KimSymmXaVF32kSnH3THj2He4FAU1r81jwOC/RSpTD0fsoZlAAL7/fsOfx2NJ4SoOldyB5b6ijvWNvnutdl4EHK/xkmp4W5g/iJfriPHiEhVkBcj2FV6X1Lypsa7RMI9jCBgOkJSxYw0QilIpBbxt73npQlKJmLFKkaQNEopjME2IgJqMKAC8pgQAxFazzMicIqpmEiCMexOh//aVKM0+PxThmYw+EPxYtt9ZbVYkA1Fml/HJBWaH42nvWo+VvtvzwitUuyDVqKeiB8IPfK0mdr3j6V2PEhZvHZLm7kXMsGfYw452bFY7aXOdTqPqPRNv7yFq1ohPZyL2nP/Ie1LXhKcRJralibWgipiyiUuZeJcjfJOdzApLsnqlmLfMXilxMU1ptnX3nTaJ5MCPx+PgAPUMMyAP/CLDpEqD9ixPzuSsGUfcDiwl1tSPVAHAz88PfD2/qE+6Ha4zPZ42nC5cbZCFDSfudswE8nw+ZQPVEnTB7toApnzPX4Xo9GQjjB0k/iL2b3Cei6+bwaMVNAlU00j0hk4b4j4MiDS/23vU/Y6fPc6kUbxZ9yAv2emlKsPwShxpc5Bz160XcXbfiom01TiyyNLE+8j07APDJ3erQrgR3wT8bfcC5rmxZ2wE3taWH/fKtp9I9cfTKVGo6iBTzGIMqDOKd7ms4ppdO5GlLqUYFKZWUmE7E2Iz7NWc7wMq3bzKupKou5zr/gbWypRi2ZL5Kz+b5wcC3flMm+pQ3kmjN6HF7P8A3OlkO6+Ba7kAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:100vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:12.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:6.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:0.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:6s;"></div></span><span style="left:10vw;"><div style="animation-delay:12.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:16s;"></div></span><span style="left:-10vw;"><div style="animation-delay:13.3s;"></div></span></section>
Ghost
https://manicrobotnightmaregirl.neocities.org/
demo
clone
id: 963039769
got a royalty free picture of some angle wings and dithered it
source: (triple click to highlight all)
<section id="snowflakes963039769"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes963039769 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes963039769 > span { position:fixed; top:-50px; height:calc(100vh + 50px); } #snowflakes963039769 span div { width:65px; height:50px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAyCAYAAAADQbYqAAAAAXNSR0IArs4c6QAAAp5JREFUaEPtWNGSgyAMjB8JHwkf6U1ClkaKI6jH9CHedHq1EJJld4PdyC/aHANyEJgEzgQHoZiBM8FBcCbUxuhycDm4HFwO9qTsnuCe4J7gnrDaE3az4IwHYd7MnFu/DPznAnsIgfCKMVLOefR5ReamlGQOXlrh6zm/GjCEILvHBcjF7znXzwrE5ZopJQFBIOMwmSjzXwFRrpzzZZxRWrwR6FB4BaDNgFlBRFdAMJBgwFkRb4MxA0LVdltoSEkKtMl1C2AgMlHMIo127Y8EylZXJp3F4jHtms3nofqGBmkSAsK+W58rhQt1QVWVQJUDCgK1VSotI04ZYOMZiR1k16C0bVLWcG3DA7l+mJxNQECgQDnQhw3wAr7PyoZHWKBYGpotx04MrtE8/KT6iq4Bhgjz1C9kYcNEbMiob8yAoJtbNGsvSUayoAKGvmtmBaRqc5+Z6vobG+EhoMqmjWUlB0mCiZh/5Tk9aU2BIO4fiBIlrVp3wwAgLNFdsQ4PQNokOOkW1Col9QUbD/Mt8JYJsyyY0g18wfb+AxtMKwQjpD1aGne2Icb4zQTVPlojSwJMQ8FtKAYlx2hlMbzBwwPtojgP4J7tFvw/7y4uaXdFsD0m8tiuHHC+sMXBi6wR4yBl5DFd0/SETiVHPZcBiHs4NbZgyAEo5nNPoGwBrTGbHB7X8DhAd3ubm8yc3iEKxvj1vXYXfD+yxpMxS0CQFsgdpen5LAV4jTVHSGq0xT0B4I4x3l6v7nZ/l/eQ2Py4v5bnDfWVJZu0ZBFjoFUWnSLr+WOVDJDXUhDU3fezR2pmy8Tj9m1WthOXg/Ba5i8GchBmnrReBP7nQjkTnAnH4+3PUXRlQi4Hl4PLoSrO5eBycDm4HGwLdk9wT3BPcE+wnvAH+yJZQlcIfnsAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:15.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:80vw;"><div style="animation-delay:0.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:1.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:7s;"></div></span><span style="left:40vw;"><div style="animation-delay:7.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:6.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:1.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:11.9s;"></div></span></section>
piki
demo
clone
id: 1649575524
piki-piki
source: (triple click to highlight all)
<section id="snowflakes1649575524"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1649575524 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1649575524 > span { position:fixed; top:-16px; height:calc(100vh + 16px); } #snowflakes1649575524 span div { width:16px; height:16px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+klEQVQ4T4WT2w2DMAxFnRWK1BlKV2A4ylr9Z4WGGSq1K7i+bgx2eEVCwbF9/EoSlfXqme3f7y19KdNFj+5DStjNFvJ80HYT0XhdfLt3kA0CA9jm8abAZLRDQAWjIgOqgLPo5lCXqAB+Zg6pw8pH3CgFfcEKAAiqcOlZvQgQehAA/YfT0BDLEPJjaVAr/7VsJeh5mU5iB9C0oJQvGDvZbEwfAJgqMtlbXo9AWKsMdr0rBWAywW2ARap3z5gBuAdyo1apnzlL7/5jdFQt/qgHWjP6JM7aTA/QGymjwUi3QOXZzM67AI0yNMisHsfy8PxF8o1xWfjSVoPxdj9tk8lIKtRqdQAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:80vw;"><div style="animation-delay:15s;"></div></span><span style="left:70vw;"><div style="animation-delay:13.7s;"></div></span><span style="left:60vw;"><div style="animation-delay:10.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:13.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:11.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:10.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:10.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:15.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.4s;"></div></span></section>
wolfkitty42
https://wolfkitty42.nekoweb.org/
demo
clone
id: 1180215258
:D making rainbow flowerflakes for some cheerful spring! and rainbows. ofc
source: (triple click to highlight all)
<section id="snowflakes1180215258"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1180215258 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1180215258 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1180215258 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAvJJREFUWEftlk1IlFEUhp87M5mWhaaEKGKLLB0XpVOkpjnqWChpZBoFtRIKS4IyWvVDP6vIgrCkwFVB4V+koaSjjllq5KgtHC1bJKKEZEpZWjlzYwxJzWoaDT/Is/vgnsPzvefcc1+BgkIoiIUFmF91Y0GZ/0MZSUkE8ADYLkhtnM3tdHpmPlBd6Y4qqRC9qwesHoJX6ZhGh7GVLyN+qzNQTsMYkZVqSPoCkSqos0GMCzRYodyA+LcwkuJTJnZsjNWqX2IRx6uQ4QZ4utmfaBvUqSDmSQ/1RtiUgGhCKy/VWqxr9Nx/Jth13hGlHFamlrFSNeqMLVreACMIUmgXNWjlCOAKjGIRboTIOCSlgNsjCz5WrPmxaFLmBEZSckuQuj/XTZZe8CPnzU1GETSxcuAIWq9cWj6a0LnHYB6uI2ypHstAFv1eV5GE+xzA9WQv2VkjImWizu+gHFYGrbT/bTK5hI/DrOsCz95FsLwaoYtBmuvgfTyDfl95HogdhiyagDIsYvbKSEqKjezsT0BkopXrgUauU8AYtwntghWBRmjVIcKakS0bINTMuy4DrYGgYR+H2A1EYBFtVcg8A/dWClJ3ObX0JLWaQvRyN8I6XkAvNZzhMbEiPERSYQKDBuo9BXGDkpoxiNaDsV2QSK1s4ixRmMSYPbUAqU7HJASx498zxU9tkpQtgdH14NYBX4L68A/uY1X+ad9l7RUeiwe4YfMmypy5lq05Dxk6EZBDDb2AH3RnE7cNj4svqMzmsS6Pg6q3iUOfvc71fQjx5XWGLz0d4NIJI8Hg2iZI/jQZagaYoiBQNYDYA/IOsOJ7gi1FkFaGeVgS1kkAh2nmKd7HgCvAUXh7GTawiW6uQUsQ6NyFpCgZVPZ5s8c7EHtB3gVbpCCt8w8wClJmMum8z8xUGAXdpikTP997xg6jyA2siLdpolWKerWnb8x59TPTYRTl9H60TwEe2BGz9LdnHPczf1vZifMLMA77GSfUnbOUhTb9Sspv3ZS5M6J+O0AAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:60vw;"><div style="animation-delay:11.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:9.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:13.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:1.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.4s;"></div></span></section>
miri
https://ribbonsformiri.neocities.org
demo
clone
id: 66401322
source: (triple click to highlight all)
<section id="snowflakes66401322"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes66401322 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes66401322 > span { position:fixed; top:-64px; height:calc(100vh + 64px); } #snowflakes66401322 span div { width:64px; height:64px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA8pJREFUeF7tm8FrE0EUxidi1FCpglgDbSkV8RbxqODFk0cv+lfqxaMnL4IexYAHKYbSFmK1YEtL1IiRb/BbXt7ObjZh36TZTS5Nti87837zvTdvZjYNV/NXo+b+uyWApQJqTiBKCHx8+WKkOd979nys7SI2FmNlDgCOrW7eSPX9ZO/IEUIRGwvncU9TANKxrTubiQ+7O3v+PSDgRUBZNlotZcKIAkA6xs4DggSQZ1MZAHCajmYBCNlUAoB0DCrIUwBtaVMJAHC6++aDj3eoIASA1zqP7/tIqRwAOpUHQCdCOVuUmfx4r+hJUMubswChVBZAr9tzF1oXfeaHxEMhQBtAkSqpTA6o9Swg45/vZUxT+kiUlU6C0ySyhZ4FdBmM+N7ubBfyXyZKlsxWecBsFiCArBI3RGIe5bAJAD36oRENAZCLIipGLpwsVGAKYNrVXd7q0aogMgfArF40ocnQibEmMAcwrRMSgAyDhVWAXv9PiuNQ8iyqnkJTjDIyV8ASwH8CRbJ55ZKgXNSEdoK0ZLlXwL0DLposiyGTEECHk1hev5sKzd2Dz8Fw3cqwtUqA6IQZANx8tL8/Ousfppxdaa851xqMXx+0XJZtY2PDrJ9mN85ynl4DQm/nk98jwMiHnJe2VhBMAEjnTw++pRRwdf2mv+aV4Fzi/CRbCwimAOBQ++mTpA0ef601V11z5ZK7fP2aB/Drx7Ebnv12h8MT/1nWCv1Xr0cABlgLD4DJEQCoAsoDsABAF0oLCSCv01BB58HDVMxjhLvv36UAMJy0mmap+kLfMQkBApBxTvnSIchehgDeS5nDTucHGU7nGgA6JyGEEh5jH38JIsvOavTN6wANQcY7cgCzPt/rvAB7S+fNAVAJWq50VAKgs9rWQvayDZMcwAYQx3Lq0vUBsj7q/a9vvySzgp7u9D3Kin3exwyAnAnYGKs9jPytR7f9ZW56aAjyO5ZhYAYglAgp85/t5thzAjwGu9IfBusDyzAwBaAhsNiRR+R/B3/8eQF3fWSRZDny5iEgYxXhgM8YSbnllXUMJu3Ljnl9P3MFsEH5GFyeAibtGZYNxBxA1iNwiHt5XGa58ZkHzRRA3h5frQDoMz/9nECshyFCSoiigNoDAHl9TsgQwP/kNFirJCgrwVomQQCY9vB0oabBrIckmARrMw1mJUEAqHQOmFQHxH4wOvo0iAYnVYKn34/HHpys3CxACJK+/oFEkZPjspNf1NWg7nxIFZYHoHNbC+Q1rH8kFVv6c1WAlZxnua/pWmCWDsX+zhJAbOLnrb3aK+AfeajEbg/pVNoAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:7.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:30vw;"><div style="animation-delay:18.7s;"></div></span><span style="left:20vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:12.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:17.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.4s;"></div></span></section>
Eirin
https://primordialsoup.neocities.org/
demo
clone
id: 1760254562
source: (triple click to highlight all)
<section id="snowflakes1760254562"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1760254562 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1760254562 > span { position:fixed; top:-12px; height:calc(100vh + 12px); } #snowflakes1760254562 span div { width:12px; height:12px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAc0lEQVQoU2NkQAO3/z/9iSykyijNjsxnhHFgCtEVoIuDNYAEYQrxaQSpQdGASzGyoYww0/EpRnY2igZ098MU3vn/7IgKo5QNyFC4BvTQQuaTpAGkGKQZbgN6KKGbjKwYI5SQ3Qxjg0xGCSWyIg7ZGYSSBgDQUXrtsQ1wuAAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:80vw;"><div style="animation-delay:18.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:2s;"></div></span><span style="left:50vw;"><div style="animation-delay:12.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:19.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:20vw;"><div style="animation-delay:4.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:11.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:14s;"></div></span><span style="left:-10vw;"><div style="animation-delay:6.4s;"></div></span></section>
Kuro
https://rakugaki.xyz
demo
clone
id: 1556932021
source: (triple click to highlight all)
<section id="snowflakes1556932021"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1556932021 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1556932021 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1556932021 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAZElEQVRYR+2UQQoAIAgE9f+PLrsGImsXifFa4jZNuQ0qH5TFCJPdBmQgo75UnMEZnFEJ/O/MirpP6VFdUu3GM5AwGXbIdIVU+54EVodV+wnz/w9cOaCu4wzO4IxKAGdUYqP+mQ3eExQkSKEiRQAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:100vw;"><div style="animation-delay:20s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:13.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:10s;"></div></span><span style="left:30vw;"><div style="animation-delay:16.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:0vw;"><div style="animation-delay:6.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:2.9s;"></div></span></section>
Mochi_0234
https://m0ch1scorn3r.neocities.org
demo
clone
id: 183356478
meat...
source: (triple click to highlight all)
<section id="snowflakes183356478"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes183356478 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes183356478 > span { position:fixed; top:-15px; height:calc(100vh + 15px); } #snowflakes183356478 span div { width:25px; height:15px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAAXNSR0IArs4c6QAAA+FJREFUOE+VlNuPE1Ucxz/nzK0znU7b7dKlOxD2UheysIAoitFoQjQ+aEz0VeP/aGJMiInIE4lXSFAWF62FBdbutttuL3OfYzokEkM0eh7Oy8n5/X7fy+8r+B/ndGNR+dUqG/4yBjoKSFXOJImp+8skUcRu53cG0ylPJmM6/QMxL19c/3be3dxUvmGhhTFmprCEwDRNZlFMEETkeY7plNDdMjmKKEkI0oxMl+xlCV/fuyuea3LhhXXVKFcwpwEr9TpVJOFghEoz4jQrpqp5LolSjKYzkjQnFwqha0jTKIpnQsMU4C7U2DO0Z0je2NhQq5aNIwQqF0z2++RZhmNZSCVQKDIlSLKc1kINlefMkoQwz0DX0KVECEGgcpzafLQcx3HQlhpPm1xZPqHO2B7JbEqcpMj5B6WQCjzHpmRZJHFCrgRRPicFNF3DtkvYdY/2S1tkYcz2ze8ZTCZFU9erUK26JLaBOOf76qI0EblAKJhGEYYm0aWGY5qoNMWyLCxNJ1cgTZ0wSguK1torrL+8RePsBrPxhDtfXKezvcNRGCGkZKnVJPNcxHvnttTxo4AwVZBlBHGMMYeva9RcFxHFhT80Xccpl7Esk/E0YJKlNGtVvGqF9atXqK74DP8YcPuza3R++bVwXaPRoNJeRXxy6RVVPjxifzwuHnQEpqZjSIGhaZQME1PTMAwDyzaxzFJhgKMwKBDP9aq0FrnwwduYNY+Ht7b58fMvGY/GNNsreOfOID7auqj8IKF3NCRTczo1SrpRTO7aJaR4KqhtGLhlhyzPybO8sGqaZuiOXaBeOuVjNxewWk3uXLvB8LcuJ1+9RFcKxHn/pHqr2SqoCOIEr+ZRr3qYcy2SmKNpyCROio1q1OsFpeMgQEiN2tJigfLR3fsM+330comV1y9z0N2FKEE/1uB6t/PUXR9ffUedOtYiDUNcx2D5pE/2aA8zmmG7ZXq7PbI0xZ1r4B+n2losEB893OPeN7fZP+hj1ivUTvhoc4SzGZGQBJUyNzr3n+3Jp+9/qMpZSsW2aW+skQ4HGHP6TJ3tW3dJRxO2Ntv4m+uYUjLtDfj5q5v0R2OkXWLxRAthW+RpyujgkIeDIVm9wreD3t9jZWPZV+fXVnnztcs45BhSR6UJO/e75LOQ86dPEfVHjHvDwoG7D3bZ6w+RJYvFWpVIQq1a4XD/kP04YlfkXN+593yszOk7u76mFrwKddfF0SQH/UN0TefKi2cJu094vPMAr16jWq/Q7+0zGI2LhdWkoOmWOVSKH0ZDvut2/ltA/lN4tusN5Tg2jmWSzkJczcA2TdAlDyZjfnry+K9c/BMusq5Oi8tYYQAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:80vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:6.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:19.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:4s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:18.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:1.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:0.4s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.4s;"></div></span></section>
Mochi_0234
https://m0ch1scorn3r.neocities.org
demo
clone
id: 1967216069
source: (triple click to highlight all)
<section id="snowflakes1967216069"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1967216069 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1967216069 > span { position:fixed; top:-60px; height:calc(100vh + 60px); } #snowflakes1967216069 span div { width:65px; height:60px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:19.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:4s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:80vw;"><div style="animation-delay:19.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:10s;"></div></span><span style="left:60vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:17.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:19.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.1s;"></div></span></section>
axorcia
demo
clone
id: 1810935163
source: (triple click to highlight all)
<section id="snowflakes1810935163"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1810935163 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1810935163 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes1810935163 span div { width:35px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:1.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:1.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:15.3s;"></div></span><span style="left:80vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:0.3s;"></div></span><span style="left:60vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:19.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:10vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.9s;"></div></span></section>
Yarshmellow
demo
clone
id: 3562031459
Hiii this is really cool
source: (triple click to highlight all)
<section id="snowflakes3562031459"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3562031459 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3562031459 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3562031459 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAttJREFUWEfNmE+IjVEYxn+PfyFjaJSFUrNCGv8Sk0JZIJlZs5jVLJgoCzYsLCzYsFCEhZUFayMxCzWjhOTfJGOl1CyUiUGI4fW9Ovd27nfPnWsy437v7txzzvs973ve5znvuaJApgJhofhgzKwZuABslbQklT0zuwp0SRorzZvZDOCKpL019gwD/UCPpNH8mqrMmNksYBVwGNif2uROzOwysAmYCywF3gBfgHuSumuA8SAvAmeA55K+x+tSYJa7Q2CPpD4zW5hzPCbpU5SNLSFaz+JA9HsT4Jkqm6T3ZrYduOaBSBqaKJjbOTBDmdNDfwHmbPZRDywGs+NfwQx67UQ+3wIfw3hxOCqvA1/jGfV5t/lZ3fl8yfoltU0ITByJmY1Iagk10go0S3oaxl7g+yRNi7L0C7gkqSesWQOMSnodxmV/qZoal9o5MNeBDknlPWb2Q9LMCEx+bECvpM7JBrMhFOp5SUeC892AR30KOAq0SroR5k4DB4I8PJwUMMCrjFVOYaez09iZ9BXolHTHzCrYZGbbAM/inIzCTZKc7r7X62lZ6djrHpOZDedFzsxcxLqio1gJuMY4UxYlCvhdJgtO2W5JL6J9FX4CwIrvVdRMCkwqguCoD9iVAHNTkmtJXct/rwoMcCuloGZ2Ajgp6VsAsw54AmwuiR5wF1ibFezjsGY2cEzS8TyyoOA745PIg3HFHJS0IrF5OuDUXJCjf1KBA5gPQIuknwl/L4G2+G5LXQcuYLHNywrSs+D0PAh4lPfD3fUo6MgzM1vtOgSsD3dPO+DZPBcK2rP1OXYsKRbT+i2Emblw+XE4e3rNbGMAU/I74E7NzIPwLJWsXdIDM+sIYPz4/ghmLStuZkI/UoyacaoViU1VotdQnSmMAie0YKRhd1MKTNTPNP7WjsAUqp/5/52emeVfB43rgRNgCvU6aOi7qTgvytCHFOOtXbdXnMIFxf9LZAqDH9f1b8f3gEKbaacJAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:4.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:17.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:11.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:4.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:11.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:17.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:2.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.1s;"></div></span></section>
fyu7i8
demo
clone
id: 68373453
rrrrrrrrrrrrr
source: (triple click to highlight all)
<section id="snowflakes68373453"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes68373453 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes68373453 > span { position:fixed; top:-15px; height:calc(100vh + 15px); } #snowflakes68373453 span div { width:30px; height:15px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAAXNSR0IArs4c6QAAAKJJREFUSEvNVUEOgDAIg/8/egYTTNdQ1ESdnrbBKKUM3cxsjDHc3WPNX9jyLHxwj75s6+KFbQdTwAlSBb1qq4hMwOHAWXJCuEfgKvmKDN45yqtAFLNKFqxMrpEMYky6sn5VBVDvZMpnue/itQ1VZV0xVTqyHFMzqkCdvk/ckYyVNlzGOw35b8b5vLrhclbyyxov6eol71iV5PXJtXRWf/132gCPIEQfPkiejgAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:19.2s;"></div></span><span style="left:90vw;"><div style="animation-delay:10.2s;"></div></span><span style="left:80vw;"><div style="animation-delay:18s;"></div></span><span style="left:70vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.3s;"></div></span><span style="left:50vw;"><div style="animation-delay:19.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:15.6s;"></div></span><span style="left:30vw;"><div style="animation-delay:4.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:2.7s;"></div></span><span style="left:10vw;"><div style="animation-delay:16.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:10.6s;"></div></span><span style="left:-10vw;"><div style="animation-delay:10.6s;"></div></span></section>
OWEN
demo
clone
id: 2939762373
hi!! just found this website now, thought id leave a flake :*)
source: (triple click to highlight all)
<section id="snowflakes2939762373"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2939762373 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2939762373 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2939762373 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABaElEQVRYR9VX0RKDMAjT///oTb3DwyyQ9KV2vm2lECEE3LeFnn0hLFsL5nM8Gex+PAg+26jz8y6zCZ8lmAgSl8/f6CjboH0EyPcqGwtMDq4csXKzO+ylhsGcFzpHFRiWzapUdpkCjKp7Lg/aquy2hLzTl4jLOMBIjlnEZmAvRcEwrsTlCFLxobJjWcJySTAs7V26nQ6r+GeDqThT6YziB2sGizOsU1B/FJc6H7K1K6U9QTBl7v7rVPdBfnc2MUVWratKhbGtQTmipFVLO9m5wHRzRWmNo7zdMM2xH2By2hVA1CJnjlWljrh3mRh61n6dsnYAUVtYvPUyo0riSHnmjps95Ot63eRozTI6g+mcpsBs73htNrF2drY3NRrYrPvvfQbFafqm9zNN39qBHX44E1jtyLQpKo1x5pLSp1Ef7XeTM4k7QCN70NWNXWZwpXjtWzurLluwkFuoM+y8srn9q7rPPLem9ixAX4GVbELtAbgjAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:15.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:8.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:7.6s;"></div></span><span style="left:50vw;"><div style="animation-delay:2.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:2s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.7s;"></div></span></section>
waow
demo
clone
id: 3978493126
source: (triple click to highlight all)
<section id="snowflakes3978493126"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3978493126 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3978493126 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3978493126 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAANZJREFUWEftl9sKxCAMRM3/f7SLywZCiDqTUpQlfaltvYwnk0ilXXTJRVpaiZlFo8gUGTZT/8szvfcuIqJ3lobtnyLjF949owIpMRGF8U4XG4RGO0uLEmMX2u02EzZYjBKI/DELkx2zEz++w2L8ZFbArI0IeGxgncDT+u7u5xtWCExmFf/IwCuKK5FwmCIKSsJmj82sVzxzHZkI7xHPzIT4IsfUoWjOtGds1hyrM2hlRful68x1Z1PkiyOn9srImbD4+WADZ8o7O6bE1K9KeYYlUJ5hiX0AF9rcJEYJkJoAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:0.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:4.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:19.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:5.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:3.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:0.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:14.2s;"></div></span></section>
heylmaoX3
https://heylmao-x3.neocities.org
demo
clone
id: 2595197553
idk
source: (triple click to highlight all)
<section id="snowflakes2595197553"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2595197553 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2595197553 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes2595197553 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:90vw;"><div style="animation-delay:19.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:10.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:1.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:18.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:3s;"></div></span><span style="left:30vw;"><div style="animation-delay:5.4s;"></div></span><span style="left:20vw;"><div style="animation-delay:10.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:6.8s;"></div></span><span style="left:0vw;"><div style="animation-delay:7.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:11.7s;"></div></span></section>
2
demo
clone
id: 2042632543
source: (triple click to highlight all)
<section id="snowflakes2042632543"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2042632543 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2042632543 > span { position:fixed; top:-11px; height:calc(100vh + 11px); } #snowflakes2042632543 span div { width:12px; height:11px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAAXNSR0IArs4c6QAAAGBJREFUKFNjZMAC2gsZ/oOEK/sZGNGlMQRAip2iPcDq9i3dgaGJPA0wJ4BMhZkOcwrIFhgAOZER2QnY/IMsBtJMugaQCcTYAgsAuKfxaUIOLepogIUMtvhAiQf0GMYW4wDhCT/6HkWjvwAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:4.6s;"></div></span><span style="left:90vw;"><div style="animation-delay:6.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:70vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:50vw;"><div style="animation-delay:4.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:17.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:1.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:10.1s;"></div></span></section>
rozwielitko
demo
clone
id: 1107296845
source: (triple click to highlight all)
<section id="snowflakes1107296845"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1107296845 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1107296845 > span { position:fixed; top:-23px; height:calc(100vh + 23px); } #snowflakes1107296845 span div { width:24px; height:23px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAAAAXNSR0IArs4c6QAAANlJREFUSEu1lb0RwzAIhaXVUnmHTJEyE7jMFN4hVVZLDt2Re8b8GEl244LT+wQ8UC2d3/ooXzr6fJXqSbhB6yCLc9yDpAEsfrsvTf+zvdvfgqQAUjwFkGnLW2nipwGauFZ/LgvGwhJZN8PbseB0wBkHhxmQiJdFBGGA5aS/i0Ygspxo2Z1Nr4Ac5mAUIq17CQAhU0ukzceUJqOTEELNboDRumsAdlKNxPGwNsnRPtplEA0VxbPr4tADCcGh6dmoqffA65e1k9IACzIVgBCvpBTryoBF8aGy3uQfVuOIBqblIEMAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:10.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:16.2s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.1s;"></div></span><span style="left:70vw;"><div style="animation-delay:5.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:1.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:6.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.5s;"></div></span></section>
BasementFlan
demo
clone
id: 3782846740
loss
source: (triple click to highlight all)
<section id="snowflakes3782846740"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3782846740 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3782846740 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3782846740 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAADJklEQVRYR+2YTWgTQRTH39KTehSE0OJnFYSitFDiRzFRRGwU8SIuKjQFRYpaqqeWVsUP0ItaFBHrRxoosuhBDxJFtG7EaMFiQQShVBBpCHiQXlpPNe6b9k1md2eyu0msHvouyc7M/vc3//d28zba6/7zeSgzoi2nwUxeKFMFQDNNk8GYkUhRsWg6LZ3Pf3sD8zAya/6aM0v2bbRd78ej99CXWsPGHiy6U7E0Tac+QVVsnUvPVjME03bpLNzqOgelwnx5mrJdaO3uGD9GEDFEKBcMglBUj7bz70GcIRjalAiDgtHNjfCq+x7TlsIcmDwCPYnFUCkYUcfMfOCbQhAKBFLCbH8xCMneGr64pWMcXu7YFrhm0BmCEUFImICUMPcfr2JrKwGTGGktaI0955sbvLLSVi/5n91yZyLVvwBrJBsbLZxgCVHdBKkZEQbdba1P2CB+D+3nx1V6jn/nBYwwxvAE6Lpug8EDHA+FQq5bEQdUzxmWitqdgDDJ458B06Ut38I0po2ClhQml5shFGEMw+AAJcFYZ6ezC1ybEGE2XVvqdoZgng018cnmDW9LgiEHZFaGw2F4d/I7n/INg2cQUBBnmg52QSaTkaY1MAwBoEulwhCJCopS5emMCEPuBHXGaYsKSlyn5a2Q+vkPBrX/qtObh1GUgK80bY2fActBZRVVrAfGNBVrhpAAYZwhwokwXlrF7gvmjFczhAL0s6+tbmZ6XjCqxsoXjKoZopPFpgiBisF4aamAuDNeAnMGg/2Hs6kSe5Da+qOuzYyN3OZjYs14aXmmyUtgTmGoEeLUVofnbKLHpxr4dM3Cj/Z54V3bS+vujX6bOYdPxPkxqxleD1ZnxmK2b0UgmgsEgxoSLQIZMG6yyxzSj7FPAuIPPcw7hewfBUrVw744nOpoh6u916GhceYNlGpmcmq9siSWhVbA5Yt7obPnCdTVZfk6BHLBUBONq5wNNNvobBEjDIVfGAQRg2AQZGD4K5tCA7gzfmFYFoU7yY8zCMPdoPQ5PHTBoCMIpXIGIdChoDC72vYo0yeWhs2ZcmFQWGzG8cVQtjECENfiK88f+7GTK3sF0GYAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:100vw;"><div style="animation-delay:14.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:40vw;"><div style="animation-delay:15.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:1s;"></div></span><span style="left:20vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:7s;"></div></span><span style="left:0vw;"><div style="animation-delay:14s;"></div></span><span style="left:-10vw;"><div style="animation-delay:14.2s;"></div></span></section>
Tetra
https://ultra-tetra.neocities.org/
demo
clone
id: 281382432
Wanted to try and do the little white nodes from Nitrome's Fault Line for my shrine dedicated to the game.
source: (triple click to highlight all)
<section id="snowflakes281382432"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes281382432 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes281382432 > span { position:fixed; top:-23px; height:calc(100vh + 23px); } #snowflakes281382432 span div { width:22px; height:23px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAAAXNSR0IArs4c6QAAAidJREFUSEu1VT1oU1EU/t5QqBakkFDBIbYUhA66SEUEB6vgkJRABS3oIri0CR0S0EUc3M0giV0KXTrYwUJoAx1aQQIKiogu4uBgBqHFICpVweGZ7+q5nHfffYm19AzJzfn5zjlfzj03QILMXiqHrRc/kRnvx4NH9wLt1s0mfjZAO9NI0BuLV7BwfRlrrVoEOJcphGJjYvE/lR3FnfmS8TUf5au3w3fNzxaIutUPVRMwebToBdZ2+ulE7NAASwXSRn7irO2cwKyKHVDkLMDU1R83rb90aIG/n/yEuWIBGlQqdjvQvwWR4PerNRx8mTYdRqjQVUgAK3b1Pp0UIX92cHemEj5vvI8F297+Hs4EFXN6GpZcU+Q3k/4Y+IhA+HUp0N7ZoI4+DBjVL+ygEeYTwUkJeTbA5NeVzZWHRkXQHE6b8zN8Md9tvLXg56emY7Hk2VKhrcKpgJ7DoDG38GcylrAVAWf7WgwVWsHqBZScDuEELuI4CHwMrzuuaWwgZYC/dtJs443l3J33nsCHkME1HMaFTo1tDOMVvv0fMPnW/KYwZoC1HEGIW3gS4VnmV/y8HPvAGXCzQ84IDuAy1mOgMY73fdyk/aQB/dcLwvGLjJtuX4PT0U3q0zFGQO246bXpW0I6qQS7+0NunN0VzNRrbdJHbifbpOx6bfKe6wp77WPpgIs+cW0SUCqS/dztaRIg6YixESpo8L15ksj35omt65vnG7G9vtK/AY2koGf6byEeAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:20s;"></div></span><span style="left:50vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:4s;"></div></span><span style="left:30vw;"><div style="animation-delay:15.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:10.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:16.8s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.9s;"></div></span></section>
nel
https://nelsnetcafe.com/
demo
clone
id: 940830290
thank you
source: (triple click to highlight all)
<section id="snowflakes940830290"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes940830290 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes940830290 > span { position:fixed; top:-16px; height:calc(100vh + 16px); } #snowflakes940830290 span div { width:16px; height:16px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwElEQVQ4T7WTwRHCIBBFPy14tgtoQIsJNa1d2IBWQBc52wLuhxCVgDqDcskA2bfvbyYGg8sM1uMtQKYYbQBcMN33uhcsDuKT4OSkC/ktgF3LTNjd6maPHc64JQtoHC6HR6TVQA6qfMlF9SJkVggXGdYL/ClDNgAe9iA0SfctAC+KRQuy2MMetfu1EaFoCzRKzFHWoqJeFb9EqAGNUWy6fwRYo5NndzVKsb4xSLPQGHz65XPV+2e7//4LrTnUZ8MGd9XMVxHq/yyqAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:14.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:11s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.8s;"></div></span><span style="left:70vw;"><div style="animation-delay:0.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:4.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:30vw;"><div style="animation-delay:6.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:5.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:18.1s;"></div></span></section>
nel
demo
clone
id: 3557996816
source: (triple click to highlight all)
<section id="snowflakes3557996816"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3557996816 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3557996816 > span { position:fixed; top:-32px; height:calc(100vh + 32px); } #snowflakes3557996816 span div { width:32px; height:32px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD/ElEQVRYR72X63WjUAyEcRlbx6UM1wFlxCnD1JEyQh1bBjufHpcLAYc9m7P8sM1LGo2kkXzr/v5YLr5yu/LcpYdkqDr9HHZmC+e6OE/drF+cfkxd91gfe+njCoDl8yn7sm6+OPKHeRy6ovN5kte8x/UtkFM/3wFYlnBuURaceLQ4zu8iBDMIuc79zu+D832cko1DX68ALEl3GZ5yMMpBRh9OYOXpCGec5/1g5kPO70/PWa/fOr74OwOgyIduHhTDKMc1zwBIR85AeX6u9FsdeEryHqhmbOh672na+DwCoJwT1ShDcjIIyNiLUX1joFKPLTkD5DSaY1hY6wQg3JuVkKn7rVd/yZwTsYI4BPDQE3dhSAezjBQZwUnNv85LUWoghRSQ96C+Ri/Ak9WFH4AgJW069gAUfeQ3iqkQmUUiRmAhusFyrtooYspoh3W8RIFaYRoz26bhkZaFrwDwD81hzNMgY8ojv2d5MmfQDQNC5M6hP9JACqG+iT4BGgsy2UcqWgBe9emg0g0eObI0NIVuBch1AbMWVcvJ6l2iUejIjq7xQCw9wURIRGUhATj1cEPuedGqyfPqbbjWQWWgXndGzIm6opv6qBe3kU6zDvh+OMe3CiDa1VvIYa8VL0dc8MjWFHRioIgZnLwr4LfFWzKZqqDCpBGRUq709UprBQAiclMVLzxRdIPlvuwKbq0BKzwVqAFMJninVUYzLcDItqmmi9Oagsh/jdxYSEkVjbBgheggN12AVkmzvVCxHe3qGVBaQy/Csb0rgAnA829VHW0mtbN2iyiMUotQ3WAInUtEyM45hSEVJIZrO3KdoqQlFa2BMyZduukEGKia75MNo5Fn8h5E4CVaJzNavxmX1g3Wvg6ew2Sa4g3xyInJuE5VdABRga6ywYSBcDBYPBsmgcJnR/Y9bMFEU5A+KUOsIsAtA0T/nwC0c2FbhElqzPIcLnMUjG6/Ht9owBDtWlOCKK7zoLrQDzGw6gAqSG6sFdstx5Rx6G4n83xXEEvWQ1XURjvy2aYGtgCsggOt9T76joFrDGDf6qmOZEoydSHy7/TzjBV1BVBfRo5DwmN8IhiG/bv1zW2wQNKOcVRV3FGVE/HLMGq3KtA+/MVLzo1+FplB7Uf/mGS4bhgQfXwIW7sTHO4D7HIcUDUerFG7YPLUW5ES4gofMVhMFwIIotU3QZ2sZHJMKq5H7/QzRFlaOGvXN7AwuiXVuQck6tOlNB64Qr07V/Qw92aCZAisq1A83+avL6UnDJ9eXtc4lCwiz2462gNbS1cjfAVqHWZoPxu0gPCHhGO/hO4N/QyAWDJ8dfMWNFHbbcBHUfwEgFoDrYMYXlz65z+nV2ti/7f9UnB/ANlNbjhqmeh3AAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:10.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:90vw;"><div style="animation-delay:4.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:4.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:3.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:17.6s;"></div></span></section>
Jellyfish
demo
clone
id: 2652524857
source: (triple click to highlight all)
<section id="snowflakes2652524857"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2652524857 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2652524857 > span { position:fixed; top:-60px; height:calc(100vh + 60px); } #snowflakes2652524857 span div { width:60px; height:60px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAACL3+lcAAAE3UlEQVRoBe2XXW4TQRCEAXEHHpA4Uk7CcTgJR0LigTsghXyEz6l05m/Xa1sRseTMTHd1ddXMenfz7t3b53XvwI9f9/cjBx96yVlhr+6W8deo+az9+u8Mn7Vbb8VvO/B8B/j9vIbf0Pvnss9bYfjLp/e7OOtm7eWZOdglbka6JZ9Gv/9+qrz7+DQ/0nzQPjW4xkyjmvz6uVwZPx9fIDAuFl3nmr+JYQ1gthr99s/oKf5vjVnNYxqOPeaveklrFPEjsxjz5MG2PmzIXtMtvovEEOgJthqYAyfWeeLBJTZzs/nVThjhrVOtAjVi3JtXvXzFka85a282elpbBWjKsdYTh7vGR+vuf0ujomvmMHW6gR3Q+CqGW5fc1pM5wOt+iq1ie5fkfgWPlXsu6eXncDWZ69YJaqaatS5riOXa2kuMS4YVWZ+N/rZWBPtblENOjKbZFa5LbMRfTprzradEssY00BMDPmuYy9+rIV55cy1fxkZc5KY3rd6zk9O1IUSc0ooBsNbV0yZuDhyfPP3HyPO/Ff88+3LVffGAaOWhng193bONYj0B1uLrhvmCYW2O8mTM+apO8WcblkgjrtNAGiXvxqQRhZP35MGxdsOY58d6a10nps6HN60VAgkVd1o7eRjdjIoBYo4N0ihxsObQ0TOdGOpmn6HhWfEsr5gZDnNfH0Dgc1PcBOK5+Zhnc1b5Z/1P+XMIa61rxHpaxHJ+avwwMZ4x56OcmN44vUv3Cs+J52nBg/E8WQyBIe5GndNvU+3ehrWOdT0ZMY4pLGM5F9OKmRuNFz3hFVF1ExBLLE+c+QrXyOim3N5m1FnLmOaMIyTnrhOrWHHmXJtfGZfv0pU8T6DXSAy1+VxOPOLrb5o8sZqTL3NwG0/em80R7YmkiNzAVh5sK25d5owl/1XnCOCboqqAFJlzcLnucfTitc9F1gjMbzZpCUtDzMFYb21iWhw1lng5LjJWoa0mM3GZbwnPPPx1bc9WrblDxlEDRTnS0M2pda11xuRwTPGJs0fmD53XZpAjqgoT51hFVDx5sOLNy+0ojzjrjB86ZpNKrCAwiq2Y2Vp+uSo+ecGKB5fzWneRNy2ek/w34/MxxVUBrGsewdQaz38brfdZzNo+5kZj1zDNbDgiyJx4BPuigTC+ict56zTSwKg2eVbny29aI0KNpric92qr2VxjGg64OWHGFc5eL+PdE4Z81ABBKVAssTwhG9XRWq4Ea8XIDSYvZzdW3J7xkBOmsQZmZhOXp0Y8a3PuKfcMyqmOrK01hxmGuNcoBYmpZqsw19Za5zrz5ojlXMxho80de8Q1n5cmuZpPnsRmvFc34qJ+0wlXsq27qfj8zcJReTXWi5OnDr67jTezqWGb0qBlkHwr3hOdZpNb/OqI2eRarRsanpkZNdEMmNGGjDh6ub1m4esaTsG9xjVea0ZGxfYw5H15qX1Yt0xT0+OTo2tYwNZx1LBegmBHIit+pmXU29oXLx6znbeQcSQ2ccw5kRpzbU/XjDPxrc1o8SQn8xeGCa4Ugmt9WrX18kuMxjLW4s1Yyyx5uRJb582X+myeJBlvNTCfNTb0hBFbNwCMteJbHOZ6Ixx76pp8kFVRLeAMM8u3OLfE1Nnrs+mmtbp7NlvFrxrKq6RXc3TPXp+rxDGs6as0fGvyCnfgDyA+12JV14FFAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:16.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:60vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:9.1s;"></div></span><span style="left:30vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:10.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:6s;"></div></span><span style="left:0vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.2s;"></div></span></section>
Valentine
demo
clone
id: 1004520608
source: (triple click to highlight all)
<section id="snowflakes1004520608"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1004520608 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1004520608 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1004520608 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAI6ADAAQAAAABAAAAIwAAAAC4vEOnAAACu0lEQVRYCc2XbY7bMAxEnWCP0N7/gO0Zmvopfe6EphwF6I8K2CU1MxzS8sdit+1/W499MZMx5+uw5FfzzkfMeNcM4LYv9uQueSO4ufETLH3pl7VHc42NOZhYRvnEzLOBGNGajoc7hjH/sd1OV47Rt8ev7eftvn3fHuNq0M9MweHxsg6PuvACUz94TbtBEiP3hxqWZkYwNbV2NItf8vp8mUiEdqRMP+O4+tSz10/cWk9B3ChP3WEmmEViFIonJj6M9kE6Dk3i+iQuNoZJMaK6FItXffdcvKvRy4h+HCsPJqsagGXj5Cte99SyZviT/ctzQcd3RrKLDoGx5mLoxcjFZ1o0s/VymzSaicGzMXtqwIxgrk/80H5ZSNTUXC5NzetQaolqEku9fGKpHYMkOcspgpPvopgNcl/z3N/9LjitBjVmEZx6Ilzus7bWJZc+4/PgMBC+VSkid6WxQ8gZK+6Q8sT04S1y3flqsgC6QnCLk08MXE48/RIDd1nznOD25wMju0cFM4OQjhSdP5Xr9vraJzUvb5O3LG9XiskxwbAzU/uOR2cva9qYIq/Yq6HAfDVao5dNs49Y+wXuhBYYPSH3RBpenZjamf/xV1uhMQvyttVmDmC0ngjmPt8aXxg5Y3sykD7h5HUAMFY26/ZDtP+yPj3lMp6GyRMhr1fBAA5hEw3dp0YOn+otZzxuU9cYkQaY0YSGDqNJF9UR06NqZ32r7thTwAJwkNX4rDz/e3OYR3KcTGBtiimnA+kg5N6aGZ51aK7W6ZlRjIm5EYyVA8hl9NagTZy8w6pmeZ9meUIY5D51q+ZLt0ljb1PucwBPhOad9t1QL3+bZmKMHUBNh+33ZDxXnda6q7h0Mhpkk3rlaK4wPa7i0jAMkY26U8km8rUmNf88Z0gWxs/s/PZ80nTpZK4MHQaNJ3Glv+J+A2jXpA0ow9vsAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:5.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:3.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:16.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:7.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:16.6s;"></div></span><span style="left:20vw;"><div style="animation-delay:8.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:2.4s;"></div></span><span style="left:-10vw;"><div style="animation-delay:5.9s;"></div></span></section>
n
demo
clone
id: 4110698613
source: (triple click to highlight all)
<section id="snowflakes4110698613"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes4110698613 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes4110698613 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes4110698613 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAA3xJREFUWEelWFuS7SAIlNz9L3niLZ42iEmm5nydROVNN4aG/eack+iiMaa88ec573hP/F5W9R+vjUmDLqJ5z8mviYgXtx+vyz7RQ2QiRM9FRCxXFlmwGjKGH3KDXOpRCZ8XSWO40GqJ6tCfywmjzHGWsbxgr8SsxisTVgWJEjMEld3mLb/j/6wEnVkRzrrakIaJZhl6Vr2rpqPBuHZJitabziBNjWlzy/jMPyJir6KmJKdWLl30mqW03R7Y2OqcOxgLuSZozPmTstgVpQvx/HdKunOhy8Lj5yJNWFCrm9gL6ybuM+4Yj1WfYNUNIXHF97znRVfbTb4nifT27Kueo8WtvOeDhXmhpkhwbC9t9a17orsWnGz+vYW65hzTW1v4VRYbikUd+TKwOgoALMHC/maMHq4Zzp0nmGlpboDJw9sVoWcrUNtr6lTpBWscbNlIl3FIk6rylJzaEYFuRXRFQYtF6wbpBc85LUidVkeQO6Sgj2FZlcxBRUrKNZ6fnJeEdgqPPRYwixG+YUiHYvMo+PpKtRJnIkxLXxfdim1mjKEPH/xR9hVFyQDFm7cO0dZnBKDlCESgI81Im/wxk2paOqYOYQnY2MiCQYAxmOnQ4WGAcWLrJhwDXqNgHfJKB2H4GlWwU72OAh0VdRcaYugQV4KPtmFKETrqzNZT5zTNgDgXNTPve5vU/hyZjTo+RMYNrvxyrpm9XZ3XODSee+elVDNlXKlDV9QwdyUWcYX6vT0fBpxST53DO84oLAwdDnnIzkAnBtgw/RvqqEN3izPXxYWmYs2OVFY71T97L4cPWwCjBXdwFq7zUyAMzqPdGPCNmxb61qbpOK6id+KmjkUFiU/8ZBqDJg57MWgVw5xS/Zq0zcDIOzKBGNcgXmDX1dqIfXaxazNoL+tNwss3IpsLeBf1ZdJDgm1Zv0bVnysGVMQ8za54jsNfUdrXNTWKzisSt6GRgeDiaT223Q7uOZm1ear3nFZQ/NBn+TprqcPbgMg0Vj/cm9S4FLXD/e3rNIiy0BhWIoxvrR+KVbsiwmM7fwnJAX/WtWanlPg0kS23DwAWm9ph8cXCvmCk7wdwy0B1dapbSKm3gq/+ReR8xHiaXzBtXosCaOWOlLtMzWlxJoZmG0FFWDProDLdc/hQZDWBe7YuxZt96qYYoi/iOacbBdyQiilng7Rrtq6FbvoPIFNbOiMXIscAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.6s;"></div></span><span style="left:100vw;"><div style="animation-delay:18.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:19.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:19.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:14.1s;"></div></span><span style="left:50vw;"><div style="animation-delay:19.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:8.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:7.3s;"></div></span><span style="left:10vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:1.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:14.2s;"></div></span></section>
cyn
demo
clone
id: 3351231074
source: (triple click to highlight all)
<section id="snowflakes3351231074"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3351231074 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3351231074 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3351231074 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABgklEQVRYR81YsQ0CMQzkB6FiCzp2QKJjBUoYAUpWoENiBzq2oGKQRwFZujd2fP4vCBWIi32+XOz8d7Pgs3md+gK5zvddhPX+Z2NQCSQYJquRy+IlLkWmgDEBo1IWX3LQZIR9ScKSYXCodprMeXXrd/d1uI7FtU1GG86St1RaqmBUkWpra6ycH7nRB/i9P8z67vj1lRdYMIj1yCDGyjkgw1TPeiHCYS4hNjBiFKCmEBqRKUpi4banyVhBdOdlihpNpuz1pymBf2pGRjJ6rVbQVYap2toqxuiMej/NK7Pf+qhPWeuOg1pQTwW9xjrq0QEw23o5asvtYqCs5REhgEAG97g8zSuJSwa7sJVUeyD6jSS9YRsOvCgJa3omTvvKNOWZZk7TlF4xZa3ZZ5i5UuspGUK6DVCD8i+ziVGFOcpj41DKZO8qY7eqvZtec3dg3Iq/Ph0wcwNv/MzjCmtizJ0elGwSFjeJTBPP2tm3Clm8e+3UHsq+b8niJV/oGfatU+0QsDHe8ZgQQmEuIjwAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:0.3s;"></div></span><span style="left:100vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:7.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:9.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:2.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:50vw;"><div style="animation-delay:2.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:9.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:0.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:9.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:10.7s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.9s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.8s;"></div></span></section>
Pixel
demo
clone
id: 4139009912
source: (triple click to highlight all)
<section id="snowflakes4139009912"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes4139009912 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes4139009912 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes4139009912 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAABUBJREFUWEeFWG1WI0cMlHwobN6yxwg27AkW5ziLcwOwyTEgD8OeKe68Kn20euwh84fx0NMtlUolaVTKtTzctY/1s+JR08embcv7fuFny59NHptKXzP8zqWX38HTK5y3edbYUmNp/jOMKQeFRTSj/IDBxTYaWY0bHbFf5uSfCqeq831rFVnuOypTZFprTVUVa0SbfKz3io3iMKA59xtrWzs11QUNmKJZDcow0BhA5hdewu3q8OahUTnePgmMqsDHZlMv6dCptdXf9wnQcX3DvVSAjF35nnbQJ4jacTDwfXMjFlRlCHCALlTD2AjN2e8L6+BYcPJSCBPeuuiil46UEVhleXgVbSpmbHj5xntDoGNsSHQ8p/tHiAdj5uPeORGhumRwhR08W71YiOAoMgf3n34fDlS+DcQLX+zATrjuY4TLswaURDhU1Ui+UIT0RBRtbb0i00Do1csPy66yyo0ZX4T1p9aa6G5COPCmyb9I+/aQW9GYE9b70boT1a3rh4WHnMLt6ScdZRQm9vL1gLxCi7h3zejxplDdPgkMjf/X7OKh7UEQosrDWAPUQGRyy7MzzjdjqB8WWxhUD6owV2PhFI0CzB4m3AdPcM/DLHLDZQYXhJxXNObqsGkIQDWmpiEN9IuHNZEjs2jrXAnOWMqbNpkxcYVRQOEd2dYeZAEhdWLj7CFM+EempUOdHqbYjbVm9PnyryH8HmKi6LqTYQrLPjfPerW/a/S4bU3UVGS1716yJFSD8+zzzImDBkM231CcDFFH8Cy1UQbAG8KqO1pMhNpPEf2LR/LZxCuE62OzZ82JRCCSIXpE906O6+9mNjKQ+7/as0J0OFlihuK3YZgWslWwfhms98wKVIIT2N9aAEt5ChsUhslwI3j/E4VSfnUe5f549g95mgqcHhWkYVCiE8Tdv/Hg1Isqa0mjMVwIhznoyATCvn9lGPYeJDLiy6ySX222jpZdIG6tPbaFbvXUHpl2uekM11GraKTrTGZcjXU8BDKAGFBnSh9e2cf06nxO2mkuARmK5LCP8RHI9x2sR8pyACKSxOtv7DfQkWUmfcUZ7wwBB8XTxf9j812We3DGQjvl33w2OYkym/ZvFDWwvVH2Z7LJlTMQAQqUeU/hyJaaXbLYUS4iW5cvP2jwJJs8vUNZvX+BR8yaUkew0f8FKXQGBff6cE8ihVHBM6R4bWFTgZGCKAvxQoMGHO4FFH+/faJ01wZpVnnPSKtiLcM9HYgiC22qqU3OWNe2Yawv1ibvWVy1JPqQ1CPvY6zp/qI2uTOhZQihKTrOtrroyPQHtWpPnWTqH+48d61BhxdALYppVO1AYdrAk+AYcU5hjJH+rFDWOoLKCiXu4fAmHbVp0s/kGhYGO4j9TBnQIsRQ9utS1aPegcSl7TQdRzr8jk5vsWPZmQ5m0UClWBVk+GyxY7GtvEp9yvD0ucvqlkg3JtIDvcra5iNbY/PTuLEkajHgxd+5d/C898C9WQ9DkG00BqehhaBouVG1gNX74x/WvZ1NB06waQvLvakjxsuYDsI5ti7P1ml+PTcF0CyKI0LQCGxeZ6Ts8EL+1UI/DfPs3HRRL4qXKXCwHE2Xz90gYg4D3iwlh2o7Woa/0JU5jfL9TGuim+dEMcza9vpYZXt2xZD2m4U0KKZyaqd27YMcnlvBHJEiSp51yfg6gLNBKp9E8itEaZ6tITKCjV8h6lcKux/IXT6JwEE717rFRGb6veTyhx8H2MMYoRqmwqpNF/qZui8KKwgdGjRoQSUWX+JUOD8NfPnlaoYYaNrik4hRA6jY9R/xP5lzwHsPEgAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:9.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:9.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:6.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:9.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:2.4s;"></div></span><span style="left:50vw;"><div style="animation-delay:9.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.2s;"></div></span><span style="left:20vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:17.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:0.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:8.3s;"></div></span></section>
FrogBear
demo
clone
id: 3470869968
source: (triple click to highlight all)
<section id="snowflakes3470869968"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3470869968 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3470869968 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3470869968 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABo0lEQVRYR9VYQZLDMAhr/v/ots6UjKxKgDM9uLnt2sYChMA9HuZ7vr/j/bn1+H/sW92v7F6XDWNjwwCAF8ShDrDMMbTD9sP25Dl6x552PWdAmR1eu6JQpYuBVukLb7tpPPcpoy4KmMpxji9SgFV6nf2JMxUvGAyTGB1ze7M0tqslIlGlh9c5Xdn5FEx4J8vwU3Xq8uqcA3QbTFaqqfeJdlkCs764akKeYURUetQ6Av8CwyEOEURB7PKmOssF8yV6HH4FAi/p8CkDhYBO0ctIiOEOYFjSrnqw+pQNea9KCwpaph13RC9T8jNNTCwlWG5PJ42K5Jzq8fcExlWGqyzXBKs+5sBNnGF2q2iwA47AmOqspKc1RTTHGSSuqyichxRQFc1I9f9Epmp6P+fMVtW0lc5spcBKYVnIlEBVM0smpK7U9+3aqgGuzCU/n2dc2twMgyKXpY5bilTubFBa4YWag7JWsQyG20LH80ooM+f3fzexzDOx3dNVjQ5LL0p3serQnfGhO/twuk4cXD3uBViBdlxwzVSNKfv+PuOiVJV/NVB17b4Ad39EMcjN7l8AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:0.8s;"></div></span><span style="left:100vw;"><div style="animation-delay:15.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:5.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:1.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:12s;"></div></span><span style="left:50vw;"><div style="animation-delay:13.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:8.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:14s;"></div></span><span style="left:10vw;"><div style="animation-delay:16.8s;"></div></span><span style="left:0vw;"><div style="animation-delay:8.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.7s;"></div></span></section>
ovthr
demo
clone
id: 3535680361
source: (triple click to highlight all)
<section id="snowflakes3535680361"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3535680361 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3535680361 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3535680361 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAY1JREFUWEftlcFKAlEUhv/TuAicUEF6h6JFZQW2auEqSJDW2iPUIgiCTFz0HukyKrBlha4KLMIWtZgXCCLUIYVaTCdGMmcs4V5tYhbXpZw55+P//3MuwUc/8hELFMwgN5QyShnZTVWZ+fPMmK+ZPIhmfzRmroUmCllZi+x6aZua7fQCmCpgjAPQfhlqgfAG4pVwsHgrAyUF0wH5oBvhAWO8KAMkB9PKtMAICsMQ2mG9oIvWC8PYGWFgt2tNLnuHvf05aFqvxXrqAsenCedsi4AD0QyJw7Q2Ssy81p2USp7j6CSBQKDXIhop4qWRdglBRGch/TApoo6CGfnOmH02PT40MDUdATm0vb56Rnx58v9sYgYsiwdGwIZzhtqbzHxtk2GY2s52FbX7Ohr19z4VgM2tGeTy893/vdkmu3vTcWfsbSqXn1ww9ma5tsmrO9OBcVxgwzARXyq5LLusrCIWi/YAvbzA30B+eJucnvji1Ra5pMPWCF/gYQfIfKdgRn4OZOQetlbZpGySzY6vMvMJLo6wJMwBxF0AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:90vw;"><div style="animation-delay:12.9s;"></div></span><span style="left:80vw;"><div style="animation-delay:14.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:10.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:1.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:13.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:12s;"></div></span><span style="left:10vw;"><div style="animation-delay:16.9s;"></div></span><span style="left:0vw;"><div style="animation-delay:11.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:18.7s;"></div></span></section>
solarcircuits
https://solarcircuits.neocities.org/
demo
clone
id: 2080029885
good stuff
source: (triple click to highlight all)
<section id="snowflakes2080029885"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2080029885 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2080029885 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes2080029885 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAOhJREFUWEftl1ELwyAMhOPPFrqnDfzZHQ4ygqjcJS1zYJ81+bi7qE2y0Je8LKfIOdqbRFx16U0ziBaOhaJgGBAFY4D+E8ajCqsOrMwyMBEQRh1ImQ0zOsS2MlsZo8Cepsltjz0iIhOFXpaQTRV3w8xM86iDWlT7wjYpJAPEgLhg0PywIG6YmUoeCPPMwEZ7tOrI+fuX8CqFtt3WDW3W/Dxylmcpn7o/UcYG2cJEgELK1MZqU9SiUICvzIo7wHdAuGCutKQ3nVRmejBWqbYBmyMKRpu1AL2mHhVdMOgxyQLdCqOjj9q1FMwbLR9mJKLXvdAAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:18s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:70vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:60vw;"><div style="animation-delay:2.2s;"></div></span><span style="left:50vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:7.2s;"></div></span><span style="left:30vw;"><div style="animation-delay:16s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:10.4s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:-10vw;"><div style="animation-delay:1.8s;"></div></span></section>
fruit
demo
clone
id: 115695953
awawaawawawawawawawawawawawawawawawawawawawawawawaw
source: (triple click to highlight all)
<section id="snowflakes115695953"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes115695953 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes115695953 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes115695953 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAg1JREFUWEfNmFFSxDAMQ5sfOBDc/wRwIPgp4868oqgKLUzZdn+2m8aOYstysm2Sz9vHPPPz5WmaWmtN39fzPM+zj5fd63M/N83D/v3z26vaNRwBpF7WM2D0OS1QY7h2kMyv7wJQvvXZ11x2roO+YNr1yEb9eETdD+uozRKFMiRcCuaoc7fxlDl4TzfrdJwgJTW5Qu4c0nToO48C6WDcOUJqSd3q1x2BGkDpve6MDSgnEvHxA5A0Z42MTzq68wJRZOc7RTVFLm16YTcpIbyghnQKNBERILrbPdu4rpYuRIOAujAlmXToL/OSzUbUdJJXkzsgJaonyrWjvjoCu/hQ6sobxFDLVkFUikYalfz4GuV3FT1dxFVZDZMeKYikOXubYr2NAqtAOQgFqb3LwVDmOp/IkhLlJetsOKNlmMo9OXVpH0VyT7s27QAw3q9q3BWTOegMINRHvXPt8XbRtYNUNSPlHTlyIJ7ukfB1jXLEETfW3avWaN85Mkc548SOhydVVDfAWVLl1HfcHvFMh7eumpK+jKJQ4x6JUyJzG844kMuraVQ5D9cZrSZXxUsU2M8ot+lNqYMnea+xf+naypmjZxDl02nnmVud9G51Bk7yfqTJ6d3ntNtB0pif7jYKnlsFYPx28Vvf97pReju4/K7tp7p0GfOQJ5tRn4OD6WbRHa5cbS//f8Y7NWeVR/9z9QVejKJwSC2OwgAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7.8s;"></div></span><span style="left:100vw;"><div style="animation-delay:7.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:2.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:10.9s;"></div></span><span style="left:70vw;"><div style="animation-delay:5.1s;"></div></span><span style="left:60vw;"><div style="animation-delay:15.5s;"></div></span><span style="left:50vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:40vw;"><div style="animation-delay:14.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:19.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:1.8s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:12.7s;"></div></span></section>
rin
demo
clone
id: 3430555229
this is so cool! thank you!
source: (triple click to highlight all)
<section id="snowflakes3430555229"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3430555229 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3430555229 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes3430555229 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAA70lEQVRYR+2WwQ6EIAxE5f8/elc2aUKIZWagrDWRiweVPl4HsRyJRknEcjwb5nOOarOcI9qqNGEFqRB2vQ2mN7IDiDbTF08FU1sUDUSZ8Yq+MLNmLPS269DnYKlNXm5aiBYAfaPCYVDBUc5CYRAI2oFhMAzIX2DYgIbBeIcja8SAlzMzWlEqGOXkRuBUgM3M6n8MOj5oGBQ+ZAiB/BaKJmnvMxNezce+J8OorWJBZDNKq1BYrwxKZhCMd0CyUZiCsVapvwgIiobpC6vZQSBTmUGtYop6z9Bm+i2exszK6kfvTpl5YXYZCA3wLshUmfkCSoLwJOM+joYAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:4.1s;"></div></span><span style="left:90vw;"><div style="animation-delay:4s;"></div></span><span style="left:80vw;"><div style="animation-delay:1.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:3.6s;"></div></span><span style="left:60vw;"><div style="animation-delay:4s;"></div></span><span style="left:50vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:17.4s;"></div></span><span style="left:30vw;"><div style="animation-delay:19.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:18.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:0vw;"><div style="animation-delay:19s;"></div></span><span style="left:-10vw;"><div style="animation-delay:13.2s;"></div></span></section>
Arman
https://arman-m.neocities.org
demo
clone
id: 1688852542
My site has a spacey theme, so i made this little star for all my space themed bros to use 8D
source: (triple click to highlight all)
<section id="snowflakes1688852542"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1688852542 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1688852542 > span { position:fixed; top:-15px; height:calc(100vh + 15px); } #snowflakes1688852542 span div { width:15px; height:15px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAiUlEQVQoU61T2w2AIAykq4gr6hC6orgKWpMzJ9CSEPtJuUevIMGpY0t5XqNYV8yGAobBCozLFNJ+BkvdVB4GA4hZLXXRixyIWrVKSbge26WStwHtwcln5h5Jab8KzCJozf2fMqtyOAjRtZ3v4kAQHJPKXTivbGuj9aKwUu694N47ZhcgcD9Gb98XeJ9kUs4viM8AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:100vw;"><div style="animation-delay:5s;"></div></span><span style="left:90vw;"><div style="animation-delay:0.7s;"></div></span><span style="left:80vw;"><div style="animation-delay:11.4s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.4s;"></div></span><span style="left:60vw;"><div style="animation-delay:2.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:8.2s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:30vw;"><div style="animation-delay:19s;"></div></span><span style="left:20vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:9.4s;"></div></span></section>
df
demo
clone
id: 1871296627
source: (triple click to highlight all)
<section id="snowflakes1871296627"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1871296627 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1871296627 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1871296627 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAB3UlEQVRYR+WY3VHDMBCE41aSFqANeIMCoCwoAN6gDWghacVkM7OazeZOsgOJPINeHOek06f7k+Rh1Whf26fxdvM6tPq15FP0NCeZoqQFAvkUPWfDQHkGEVnyz2AwqU5AEPynUPqe9a9ZcZJlHEYVvt1tx8fPzcBnNJnCV2Fa5m4pmgtTmy+0jAO4Arhg3Des8v1+t3r4WJcn/hv2LRrDQM4sXYWhST02btYvBxFA4CL2g5UAhva9ey4e8fGzYRiAukJCcPUeJ3yn1SKoWpqfWMZTkDAOAqUZDGQRkGeYl4ADjAI4jCqlRTRePDvoJsRNNJb9ozkLDP1IBVDmK+QEKsNvdY/LFMh1aqDDSidFKxrM1SgoALKagaD2RbmOKOvSohcpcwAtdlpvFFKzLQNk/wKT7R1QQFdgkK+a6cw0j6zHMXSTwuq8IUzkAlrBA5QQhNLAVZm7lBZLYXyAVlrIWG2j4C6mlsBnf5VF2wFT/ChmPBWzAPWJtd9vdBy5aTGWUd8tImaiE1qXbHIXdakzfmzsXoH1MNV1b1rcrp2VZ4LiebXzjAevnzUov/pJT61BiO5nYB62MriL3A4Wf2/ygFYreXzNvcTVNt+zrrdd79rZV4VslRf9CvEvPxb9AD6VTHkfSrkUAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:7s;"></div></span><span style="left:100vw;"><div style="animation-delay:0.9s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:80vw;"><div style="animation-delay:15.4s;"></div></span><span style="left:70vw;"><div style="animation-delay:13.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:3.3s;"></div></span><span style="left:40vw;"><div style="animation-delay:8.1s;"></div></span><span style="left:30vw;"><div style="animation-delay:7.1s;"></div></span><span style="left:20vw;"><div style="animation-delay:6.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:13.8s;"></div></span><span style="left:0vw;"><div style="animation-delay:1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:19.8s;"></div></span></section>
Lian
https://libre.town
demo
clone
id: 1135429782
Red drops
source: (triple click to highlight all)
<section id="snowflakes1135429782"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1135429782 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1135429782 > span { position:fixed; top:-5px; height:calc(100vh + 5px); } #snowflakes1135429782 span div { width:5px; height:5px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAO0lEQVQIW2NkAIIDMhr/QTQIODy5wcgIElD4/wcmxvCAkYWB8YG0ClwVSAZDECQAAowwM0FGgARBZgIATL8WD3qI3F8AAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:4.9s;"></div></span><span style="left:100vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:17.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:9.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:50vw;"><div style="animation-delay:3.7s;"></div></span><span style="left:40vw;"><div style="animation-delay:16.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:20vw;"><div style="animation-delay:9.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:0vw;"><div style="animation-delay:7s;"></div></span><span style="left:-10vw;"><div style="animation-delay:20s;"></div></span></section>
Stella
demo
clone
id: 1865061503
source: (triple click to highlight all)
<section id="snowflakes1865061503"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1865061503 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1865061503 > span { position:fixed; top:-35px; height:calc(100vh + 35px); } #snowflakes1865061503 span div { width:35px; height:35px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABq0lEQVRYR9VYuxLCMAyjMxM/xMfzQ0zMhXDnnqpKdigHhC601A/ZseWk02HHNT+u6XGFavXc62Ix2KvQ5Jrz9huAEAy/e8VuCeZ2Oc3H83UjFwDCeYDjLAUYZwfBpmCagRB2gBAEZgudVHZCdgNGRZBFxZlRy9Jrs1ymZvwTYBToFRh2GutfgWmF7GoFg2EZtptmJnPAbf2KrOuwBUxvkbGhnppxdcTNMQWI6BZ+riLuBYN2nM9VZhBQ3COJKbJzrZ3pYa3gvawZFFCktiIqGgv8TmXONcSmm5oxJjhlUNG+y5wiQ16qpwwXlxLCecQzifVxXi3MCtmLVldBp/yQdQ6DUiDceFDd9SzwiLrXGA5IN7UdCeJyq2BWexKOhJUx7dXUznSRMNFnCsYpqf/dPibb3/C78TKD7OjWNZtFrL+7Ziq6x8qvCpApYFc3ocOf8sy7QPiU4EgR5RzxjTmb3CT96tQedj8T9aOOJWqeuAHqZFV94sAccw8cFY5ZCQ4a4nQQaa3AuH1Ljz4u3f+cKKvjS9b2VbGqIi+Pt8N8haja+evfZ+x+9QNfru4vs/3IMXQJCgAAAABJRU5ErkJggg==); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:15.1s;"></div></span><span style="left:100vw;"><div style="animation-delay:19.2s;"></div></span><span style="left:90vw;"><div style="animation-delay:11.6s;"></div></span><span style="left:80vw;"><div style="animation-delay:12.3s;"></div></span><span style="left:70vw;"><div style="animation-delay:17.5s;"></div></span><span style="left:60vw;"><div style="animation-delay:13.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:13.5s;"></div></span><span style="left:40vw;"><div style="animation-delay:14.5s;"></div></span><span style="left:30vw;"><div style="animation-delay:11s;"></div></span><span style="left:20vw;"><div style="animation-delay:14.4s;"></div></span><span style="left:10vw;"><div style="animation-delay:3.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:14.3s;"></div></span></section>
comrade
demo
clone
id: 2559784886
source: (triple click to highlight all)
<section id="snowflakes2559784886"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes2559784886 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes2559784886 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes2559784886 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAABv0lEQVR4Xu2YwRLCIAxE63d48eD/f5EHL36HDtOpwzBANpSkqa5XWwiP3SX0svC3XMhgIYQkAiqBENYwoBIIgUr4Hoy0A+1AO9AOeafMTGAmMBNiZcLzen+Xt9nb6+FmVbeJpCv7kSDCQEiQjgIRCsKmFm8YISHUVGGZEWEheIIIDaEEYaUGQjhDx5iH5N8qwcMS4e3wFxDKnqAmeeQZqSPt/X+oEjRNkWU2uEOoLXzbpV7w/QyEUQDWueCmhD0AyjvF7KPSBUIPQFoguqhtHPR5NCzNIUgACCHbKml3Tx+MraNQc/6fHkLPmwgISwCpNvNMQMJJWqT0PzJH2I4xL6ylCEQpPwOh9aHV41P8sB2sJDqjqdIqYwiC5uKjLainCOkYHZlrKBil5mdPodLYmsZKA0SlhJoFpMIlKNL7oTKhlwHahaC7lACGOR2QQmaDyBVkdXHaNkO0AwKgvOqiO117TrLPnrFb76ogaArUKkMz9mwQXQizeoEWkCMXnoOEIEQpdrYC4EywmjjSuGImRCrWqhZCiPI9wWqH0XGpBCph1QqVQAhUwjc3aQfagXagHeBbJNpxnf05BiODcdXwB8CT7EIqMykaAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:6.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:6.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:13.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:8s;"></div></span><span style="left:70vw;"><div style="animation-delay:18.8s;"></div></span><span style="left:60vw;"><div style="animation-delay:10.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:15s;"></div></span><span style="left:40vw;"><div style="animation-delay:2.3s;"></div></span><span style="left:30vw;"><div style="animation-delay:10.3s;"></div></span><span style="left:20vw;"><div style="animation-delay:8.5s;"></div></span><span style="left:10vw;"><div style="animation-delay:4.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:6.1s;"></div></span><span style="left:-10vw;"><div style="animation-delay:15.2s;"></div></span></section>
Frugal Gamer
https://thefrugalgamer.net
demo
clone
id: 3369645720
I tried to make the classic paper-cut type snowflake. Love this tool!
source: (triple click to highlight all)
<section id="snowflakes3369645720"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3369645720 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3369645720 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes3369645720 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,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); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:10s;"></div></span><span style="left:100vw;"><div style="animation-delay:9.3s;"></div></span><span style="left:90vw;"><div style="animation-delay:15.8s;"></div></span><span style="left:80vw;"><div style="animation-delay:1.4s;"></div></span><span style="left:70vw;"><div style="animation-delay:16.2s;"></div></span><span style="left:60vw;"><div style="animation-delay:0.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:16.1s;"></div></span><span style="left:40vw;"><div style="animation-delay:14.9s;"></div></span><span style="left:30vw;"><div style="animation-delay:16.5s;"></div></span><span style="left:20vw;"><div style="animation-delay:13.9s;"></div></span><span style="left:10vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:0vw;"><div style="animation-delay:11.2s;"></div></span><span style="left:-10vw;"><div style="animation-delay:3.2s;"></div></span></section>
Nico
demo
clone
id: 1668273258
This is very cool!
source: (triple click to highlight all)
<section id="snowflakes1668273258"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes1668273258 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes1668273258 > span { position:fixed; top:-65px; height:calc(100vh + 65px); } #snowflakes1668273258 span div { width:65px; height:65px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAFjUlEQVR4Xu1bi5LbMAhM/qx/1vTP+mdXSxG6FQIWycn1pvXNdKbxA8GyLFhx7jfn7+P4K6fux593zSuOl3W+Yo0oljDAdwIhthHId4CRiYFmuRtR3u6yAIMvQQsT9PFd+7fG4HJ/pXKCzRSEYnQwBouUWll1VmcGyyGTNXc95deQPOInD6IYbxkbUMVF24kMIFoD2OfQpuPDAGbzP7ITgyCLNCTdTGlnAlBY0KFQJtaZfFQxWGBwEBSVUpQNWDIE2YxVJwDoQSAXGBcmKSiJZRCq4DTHUmqugij6gouyz6JsrNRCn0hJbIEgQKRAQO9Z5o3zLHg5T8toiwmklpbYAJGc0gQHEeoLiaX36cl+QlXp4sqodb0FSqa3IwNS1zvx1PV3xWTVCW8di8ZZcLPXVV8NEPr9ptAR+mjWRM7IOS9bXi1n7ksxALKFIos+d2EcnEmUQgYIqtglQdgtDPHySmgJAATCaMUDCN3wBgiaURXUZtDUm3augx+xryEhzxpbAEBJaGCHFskomGlXgw28QbKsgp0YiMDJtY0xYm65NbcbvfjMOWFJcCDQUGQtQJ56Ne4nQOBYw6tCnCnXDupw8SbylEEO1cP7gvKg6xmJqQRzEvF5nDjqUZCyhtkFqk9rRDrRWBTpA2VmK9E7bkJ4+wOesV0ARESnZwhrtN0EIu1bZUhZJLE5gkap+IkSe91BtABpW5zx/LCACEqXAoBlUTSpM2EBCJOCWtAcADwAZffKpXfC/opWVByazScjN9ig1ReNRswyuwEkYDpvyLzVNba6R4v7EwRC3d5OViirAjBpqhKQonJSJyLRxAoYu0NybJ1YQJwSIXTL6MzuVVDGIaAAftgiuxGMWi96BoCgFE8xwhBNc8uut0illLizPGUOxakYSNIyHHOJHlEw0AftX4ttEky15jg2w9XUcRAJSyRTLDLV9dPzLnbtP7SFBro2lKS6zn6KjJyD1rI0XLEWR84vMYL4r21VEOgC0H+6/UBEs6q8KrB0DnDKIWSq0Iv25t3s69UNDXncHh/HP/oMo6Qr/sY8IdaS/IJB32OMGFTBcgRsyA6pSb3G4zB6u/06Dv+8PY7aYlXYz+Oix0FTK5q/6lJzieduc7A6jrPeZSnvVfkUBhR7jx/Hv99PywMjkH1v9K9u76WQ+teZgLUR0vFVM4EqmW+hCQJCqOiCDlFfqt5MYJNAu76e6Q5LQLBAjvNmy/3uc4Kluv/lxFiBMNqK+eAhdZ2kLwV090lQs/L0s4MRUGr+Twwm4URK5g8KoBLansxGb/PlLeXztZ9Q5oQBOYeWp1VfstIyMJWY2l6jnSpZhqEdsHHtMfZnAquujMkpZARrgYoNdUlY4+/uNjvCpDFAcZsemuRiLKcEZVNfvnhzCYCuAQyF2Ajs+gZqYKSTOYYqO+/tQ2L7dd9BTrApEj/XN7dFIu3K3AS0CXs1jMmuQwRg874AgFS3IhqEW4PX+wlKoPGF9u0fe1DRVBku13em6ewH4mc0L3rIY9D1zhIyYcpI8FBjQW6JUCiaLcvf5u21yVmiytEM4Z3zRHMAH4cnKAVLmGlXMhyph1py8f7rjdaCi5eJzDsLq9nwSgYz/QqbpkIWZjlfGPm75ScHFU+qNejsM5V8mFPod5WOzl2/d9BzwoR6QKFoXB3sgMDVoVQtyj6jmEWsoJ0o6HbLTEjVrAoca1G34g4CqLa7rwnqnm3T9TonmWKDg+C0lSjbUfaYBrhCLcHo6FWGd9o9/xqxoega73DmvlA9BYLX+5UPg6+EBTXHVH3F4nPOSO0/rNQugpIqtaDt9FPwbbv7cwOwQ0HojuHiiyM13gqYVlAFBH2cJicBxkt+K30qMyQKDBrYTJOyCk4mBnfRzM2rDnmKzjZtzq7DYvkDeVIvffj1YGIAAAAASUVORK5CYII=); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:12.7s;"></div></span><span style="left:100vw;"><div style="animation-delay:0.7s;"></div></span><span style="left:90vw;"><div style="animation-delay:10s;"></div></span><span style="left:80vw;"><div style="animation-delay:19.6s;"></div></span><span style="left:70vw;"><div style="animation-delay:10s;"></div></span><span style="left:60vw;"><div style="animation-delay:2.9s;"></div></span><span style="left:50vw;"><div style="animation-delay:8.4s;"></div></span><span style="left:40vw;"><div style="animation-delay:10.7s;"></div></span><span style="left:30vw;"><div style="animation-delay:17s;"></div></span><span style="left:20vw;"><div style="animation-delay:12.6s;"></div></span><span style="left:10vw;"><div style="animation-delay:15.2s;"></div></span><span style="left:0vw;"><div style="animation-delay:3.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:16s;"></div></span></section>
sacha
https://snowfallgarden.lophius.xyz
demo
clone
id: 3038001491
the first ever snowflake
source: (triple click to highlight all)
<section id="snowflakes3038001491"><!--snowflakes(v1) generated with: https://snowfallgarden.lophius.xyz--><style>#snowflakes3038001491 { overflow:hidden; pointer-events:none; image-rendering:pixelated; } #snowflakes3038001491 > span { position:fixed; top:-16px; height:calc(100vh + 16px); } #snowflakes3038001491 span div { width:16px; height:16px; position:relative; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAfklEQVQ4T61TQQ7AIAib/3/0JkRMxyqQMC5GoQWKjIvYPU2exzQ5/R0hGhCRmM/IfOyLIMvMKtkE5oxKZzGUwEgwI4IxyRAH9ucDPz0vYU1cJUBGVD0DK64COFUllfcJ2i20RTSh2JhKY2QEpx0IPxJbmuxr7zH+tky+nco6P9NhoAE7XQvlAAAAAElFTkSuQmCC); animation: sine 15s linear 0s infinite normal;} @keyframes sine { 0%{left:-110px; top:0%;} 1%{left:-101px; top:1%;} 2%{left:-91px; top:2%;} 3%{left:-81px; top:3%;} 4%{left:-72px; top:4%;} 5%{left:-63px; top:5%;} 6%{left:-54px; top:6%;} 7%{left:-46px; top:7%;} 8%{left:-39px; top:8%;} 9%{left:-32px; top:9%;} 10%{left:-26px; top:10%;} 11%{left:-21px; top:11%;} 12%{left:-17px; top:12%;} 13%{left:-14px; top:13%;} 14%{left:-12px; top:14%;} 15%{left:-11px; top:15%;} 16%{left:-11px; top:16%;} 17%{left:-11px; top:17%;} 18%{left:-13px; top:18%;} 19%{left:-16px; top:19%;} 20%{left:-20px; top:20%;} 21%{left:-24px; top:21%;} 22%{left:-30px; top:22%;} 23%{left:-36px; top:23%;} 24%{left:-43px; top:24%;} 25%{left:-51px; top:25%;} 26%{left:-59px; top:26%;} 27%{left:-68px; top:27%;} 28%{left:-77px; top:28%;} 29%{left:-87px; top:29%;} 30%{left:-96px; top:30%;} 31%{left:-106px; top:31%;} 32%{left:-116px; top:32%;} 33%{left:-126px; top:33%;} 34%{left:-136px; top:34%;} 35%{left:-146px; top:35%;} 36%{left:-155px; top:36%;} 37%{left:-163px; top:37%;} 38%{left:-172px; top:38%;} 39%{left:-179px; top:39%;} 40%{left:-186px; top:40%;} 41%{left:-192px; top:41%;} 42%{left:-198px; top:42%;} 43%{left:-202px; top:43%;} 44%{left:-206px; top:44%;} 45%{left:-208px; top:45%;} 46%{left:-210px; top:46%;} 47%{left:-210px; top:47%;} 48%{left:-210px; top:48%;} 49%{left:-209px; top:49%;} 50%{left:-206px; top:50%;} 51%{left:-203px; top:51%;} 52%{left:-199px; top:52%;} 53%{left:-194px; top:53%;} 54%{left:-188px; top:54%;} 55%{left:-181px; top:55%;} 56%{left:-174px; top:56%;} 57%{left:-166px; top:57%;} 58%{left:-157px; top:58%;} 59%{left:-148px; top:59%;} 60%{left:-138px; top:60%;} 61%{left:-129px; top:61%;} 62%{left:-119px; top:62%;} 63%{left:-109px; top:63%;} 64%{left:-99px; top:64%;} 65%{left:-89px; top:65%;} 66%{left:-79px; top:66%;} 67%{left:-70px; top:67%;} 68%{left:-61px; top:68%;} 69%{left:-53px; top:69%;} 70%{left:-45px; top:70%;} 71%{left:-38px; top:71%;} 72%{left:-31px; top:72%;} 73%{left:-25px; top:73%;} 74%{left:-21px; top:74%;} 75%{left:-17px; top:75%;} 76%{left:-14px; top:76%;} 77%{left:-12px; top:77%;} 78%{left:-11px; top:78%;} 79%{left:-11px; top:79%;} 80%{left:-12px; top:80%;} 81%{left:-14px; top:81%;} 82%{left:-16px; top:82%;} 83%{left:-20px; top:83%;} 84%{left:-25px; top:84%;} 85%{left:-31px; top:85%;} 86%{left:-37px; top:86%;} 87%{left:-44px; top:87%;} 88%{left:-52px; top:88%;} 89%{left:-60px; top:89%;} 90%{left:-69px; top:90%;} 91%{left:-79px; top:91%;} 92%{left:-88px; top:92%;} 93%{left:-98px; top:93%;} 94%{left:-108px; top:94%;} 95%{left:-118px; top:95%;} 96%{left:-128px; top:96%;} 97%{left:-138px; top:97%;} 98%{left:-147px; top:98%;} 99%{left:-156px; top:99%;} 100%{left:-165px; top:100%;} }</style><span style="left:110vw;"><div style="animation-delay:3.8s;"></div></span><span style="left:100vw;"><div style="animation-delay:2.8s;"></div></span><span style="left:90vw;"><div style="animation-delay:10.4s;"></div></span><span style="left:80vw;"><div style="animation-delay:2.7s;"></div></span><span style="left:70vw;"><div style="animation-delay:15.9s;"></div></span><span style="left:60vw;"><div style="animation-delay:8.7s;"></div></span><span style="left:50vw;"><div style="animation-delay:6.6s;"></div></span><span style="left:40vw;"><div style="animation-delay:7s;"></div></span><span style="left:30vw;"><div style="animation-delay:12.8s;"></div></span><span style="left:20vw;"><div style="animation-delay:13.1s;"></div></span><span style="left:10vw;"><div style="animation-delay:5.1s;"></div></span><span style="left:0vw;"><div style="animation-delay:18.5s;"></div></span><span style="left:-10vw;"><div style="animation-delay:11.8s;"></div></span></section>