Snowflake animation for Profile (you can replace the emojis with what you want)

Tags: katie

Description:

🍧

🍪

🍿

🍨

🍕

🍏

🥐

🌮

🥪

🍩

🍫

🍭

Code:

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




<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>


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px 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>

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 20 of 63 comments ( View all | Add Comment )

snow!	1712971261 using!! Report Comment
noriko 💤	1712959187 Using! Report Comment
miffy_bunni	1712206498 using Report Comment
CL0WNGUTZ!!!	1711463447 Using!! Report Comment
azzie ᯓ★	1711315893 using!! Report Comment
dickmaster3000	1711112289 usingg Report Comment
! MEL (active on tiktok)	1710945990 using Report Comment
bob velseb addict	1709386591 It didn't work? Why? Report Comment
comatoseVulpes	1707736003 using!!!! Report Comment
NAOMI!!	1707066974 using! Report Comment
Karirin	1707059191 using Report Comment
kyle.png	1706692717 using!! Report Comment
Fur1na :33!!	1706552584 Using ^_^ Report Comment
sillyz	1706084536 Using !! Report Comment
🍉☆maaurn☆🍉	1705510869 uzin :3 Report Comment
myosotis.arvenis	1705507688 using<3 Report Comment
Althea ^^	1705374604 using Report Comment
SweetBettyBunny	1704329010 using !! Report Comment
sylvie!!	1704103134 using!! Report Comment
rowan blinkz!!	1703970622 tysm!!! will 100% be using!!!!!! Report Comment