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 class="snowflakes">
<div class="snowflake">
<img src="https://i.ibb.co/sg5nh3V/ddrsmall1.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/N3L7dVb/ddrsmall3.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/51b9Pqt/ddrsmall4.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/sg5nh3V/ddrsmall1.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/XZ3vS8y/ddrsmall2.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/N3L7dVb/ddrsmall3.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/XZ3vS8y/ddrsmall2.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/51b9Pqt/ddrsmall4.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/XZ3vS8y/ddrsmall2.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/N3L7dVb/ddrsmall3.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/51b9Pqt/ddrsmall4.gif"/>
</div>
<div class="snowflake">
<img src="https://i.ibb.co/sg5nh3V/ddrsmall1.gif"/>
</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>
Comments
Displaying 13 of 13 comments ( View all | Add Comment )
mystical illusions
how do I change to a small white star?
Report Comment
꒰micette꒱
used ty :3
Report Comment
SkeletonPanic
ive tried using it but it either doesnt show up or it does but the images are like 404 type
Report Comment
mummified_corpse
Thank you for this :)
Report Comment
Coralinee˚✩
would it work if i use a HTML code?? srry im rlly dumb
Report Comment
Cherub
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; ; Report
how did u add a banner to your profile
by bootycall; ; Report
baisy
THANK YOU SO MUCH ! ! I was looking everywhere to see what the falling animation was : ' ) LIFE SAVERR
Report Comment
SIMONE
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 ☆; ; Report
BRO THANK YOU SO MUCH
by xxSP00KY_SM0R3Zxx; ; Report
cardiacXsilence
this is so useful omg ty
Report Comment
✞ Juan ✞
You’re the best!!!
Report Comment
𝖅𝖔𝖎𝖊
THANK YOU!
Report Comment
monotony ♡◔ᴗ◔♡
Copy the whole thing and replace my image codes that end in "DDR small" etc with whatever you want to use instead
Report Comment
𝕭𝖊𝖆
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