falling objects/images code

I stole this from spacehey directly during the holidays and replaced the snowflake symbol with an image instead. Feel free to use this code yourself and replace all the images with your own thing!

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<style>

/* customizable snowflake styling */

.snowflake {

color: #27cff5;

font-size: 2em;

font-family: Arial, sans-serif;

text-shadow: 0 0 0px rgba(0,0,0,0.7);

}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}

</style>

61 Kudos

Comments

Displaying 20 of 20 comments ( View all | Add Comment )

♱𝑘𝑎𝑦𝑣𝑜⁴⁴⁴ꜝ	1734533819 chat when i put it in by about me, it ONLY shows up in my about me... where do i put it?? Report Comment I put it in both the about me and general section of my profile and it works! by 𝐴𝑟𝑖𝑒 𝐸𝑟𝑜𝑡𝑖𝑐𝑎 🦴; 1736953297; Report
_DIVA_xoxo	1733976090 been l00kin foe dis, thxxx 50 much!! Report Comment
V4MP1R3Z :3	1733272805 using!! Report Comment
Josefin	1728419044 might b using Report Comment
charlie	1727386275 using! :3c Report Comment
˗ˏˋ⊹ Ali ☆彡	1717897112 using! thank you!! Report Comment
Goober !!🎀	1716175376 thank you!!!! Report Comment
mystical illusions	1708280026 how do I change to a small white star? Report Comment
꒰micette꒱	1704547427 used ty :3 Report Comment
SkeletonPanic20	1701380974 ive tried using it but it either doesnt show up or it does but the images are like 404 type Report Comment
mummified_corpse	1692210040 Thank you for this :) Report Comment
Coralinee˚✩	1688564376 would it work if i use a HTML code?? srry im rlly dumb Report Comment
Cherub	1684715086 Thank u Report Comment hey dude this isnt working for me how did u make ur cockroaches like in different ares, mine only go through my pfp by ST4NL3Y; 1686575577; Report how did u add a banner to your profile by bootycall; 1688797324; Report
baisy	1675269150 THANK YOU SO MUCH ! ! I was looking everywhere to see what the falling animation was : ' ) LIFE SAVERR Report Comment
SIMONE	1671832563 Where do you find small transparent images to use? All the transparent pictures I use end up being huge. Report Comment i have a few recourse carrds you should check out, just click pixel (on terror carrd) and once you find one you like copy image address then paste it :D https://terror.crd.co/#pixels https://watermelon.crd.co/#pixels https://fukase.ju.mp/#graphics I use these all the time they're so useful ^^ the pages I sent lag a bit at first so let it load fully before doing anything :3 by rae ☆; 1672539686; Report BRO THANK YOU SO MUCH by els; 1684515614; Report THANK YOUUUUUUUUUU by mak :]; 1734215314; Report
cardiacXsilence	1668563481 this is so useful omg ty Report Comment
✞ Juan ✞	1637312622 You’re the best!!! Report Comment
𝖅𝖔𝖎𝖊	1636871781 THANK YOU! Report Comment
monotony ♡◔ᴗ◔♡	1610633986 Copy the whole thing and replace my image codes that end in "DDR small" etc with whatever you want to use instead Report Comment
𝕭𝖊𝖆	1610501586 So I copy the entire thing or just the parts with “snowflake “? Also, do I just type in “dead” where it says snowflake? Report Comment