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 :3 (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 18 of 18 comments ( View all | Add Comment )

𝐒𝐭✰𝐫𝐠𝐢𝐫𝐥	1726308892 using !! Report Comment
lukasarchnemesis	1716735184 using :) Report Comment
Hitsu	1715873406 using Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 HeLL iS foReVer WhEtHer yOu LikE it Or noT	1713961581 Using! Report Comment
K4nn1e	1713625371 Using Report Comment
MIMI.ᐟ	1713371690 using!! Report Comment
nikipaskov	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 :3; 1678731246; Report