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 235 comments ( View all | Add Comment )

tommy 🍬🕸️	1770343204 Using!! Report Comment
rabbitic	1770310152 using !! ty <3 Report Comment
GR0BOVSHIK	1770237240 ising!! so cool Report Comment
3m0boii	1770136737 using^^ Report Comment
1DOLLAR	1769715110 usando Report Comment
xXEy3r15NyxXx	1769567112 usingggggg Report Comment
Liminal	1769380567 Using Report Comment
mel4kth	1769188903 using :3 Report Comment
1xEvax1	1769098154 using Report Comment
mimi	1769036116 useing Report Comment
nezaxx_w3b	1768769707 using Report Comment
maliah	1768620265 USINGGG Report Comment
ＶＡＬＥＮＴＩＮＥ	1767382412 using!!! Report Comment
ＶＡＬＥＮＴＩＮＥ	1767382408 using!!! Report Comment
🅅🅈🄾🄾🄻🅈	1766864351 Using !! Report Comment
CAVIIDAE	1766323848 USING!!!! Report Comment
🍃𝔄𝔫𝔞🍃	1765854848 Using Report Comment
FingleShmerph	1765515219 using <33 Report Comment
permanentdaylight	1765387763 USING!! Report Comment
frances :3	1765290163 USING THANK YOUUU Report Comment