raining hearts !

Tags: pink, 2000s

Description:

makes hearts rain from the top of your screen when viewing your profile! ( copy and paste code in the about me section ! )

Code:

<!-- (c) Layout created by rae (https://layouts.spacehey.com/layout?id=25463) -->

<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake"></div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div><div class="snowflake">🩷</div></div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

Emiley :3	1713961581 Using! Report Comment
K4nn1e	1713625371 Using Report Comment
💢┆ɴᴏᴇᴍɪ .ᐟ︻╦̵̵̿╤──	1713371690 using!! Report Comment
chocomoon	1712085679 usinggggggg! <3 Report Comment
gy@ru_b0yy	1710410783 using Report Comment
omi.comm 𔘓	1705702587 Using!<3 Report Comment
Keiko	1705365400 using x Report Comment
Veronica Malanotte	1704768855 Using! Report Comment
Yur1!! X3	1700371076 Using! :-: Report Comment
Latina6ar6ie♡	1700210924 usinggg <33 Report Comment
RAYNE XD	1690261198 ima prob use this 1 hehe ty =^-^= Report Comment
rachel ★☆ (aka angie)	1690047749 probs using <3 Report Comment
Erin	1680313913 using, but when i add it they go all in order of clustering together on the left and then spacing out on the right… i tried to readjust it to see if it would fix but it won’t :( if i didn’t explain it well, sorry but it should be visible on my profile Report Comment
_c04nn☆	1679711913 using ! Report Comment
gingin	1674050724 it doesnt make heart falls but boxes do, idk if its just me tho Report Comment It’s me too. Just boxes. Kind of annoying by 𝖝𝕲𝖆𝖇𝖇𝖞𝖝 𖤐; 1674598895; Report hi! managed to fix this by just changing the following code (found at the end): 🩷 🩷 🩷 🩷 🩷 🩷 🩷 🩷 🩷 🩷 🩷 and changing the boxes to hearts (or whatever you want!): by loveliesblog; 1674702105; Report lol it formatted it but just change the boxes with the hearts n you'll be good :D by loveliesblog; 1674702140; Report sorry about that ! not sure what happened, it worked when I tried it by rae; 1678731246; Report