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

YukiLuvU	1788442619 Using Report Comment
Jaciisbonbon	1788004484 Using Report Comment
Jaciisbonbon	1788004484 Using Report Comment
Jaciisbonbon	1788004484 Using Report Comment
Jaciisbonbon	1788004483 Using Report Comment
Jaciisbonbon	1788004482 Using Report Comment
Mokn	1787230630 Using Report Comment
.✦ ݁˖ Haven /•᷅‎‎•᷄\੭ $.✦ ݁˖ Haven /•᷅‎‎•᷄\੭'s profile picture$	1786596064 Using!!! Report Comment
realman	1785676389 using Report Comment
Volarces	1781407467 using ! Report Comment
roxy	1780872938 using Report Comment
PearlieMWAHH	1780815053 Using!! Report Comment
† ᡕᠵデᡁ᠊╾━	1780726250 using Report Comment
isaiah :D	1780017218 Using TYSM!! Report Comment
mel	1777663405 using Report Comment
Azure	1777646429 uuuuuusiiiiinggg Report Comment
°~lily 🪷ᯓ	1776104169 USING Report Comment
spiralxae_	1775555027 using Report Comment
𝔁𝓧𝓑𝓲𝓶𝓫𝓸𝓓𝓸𝓵𝓵𝓧𝔁	1775361406 using! Report Comment
Eli	1774429194 usinnn Report Comment