Falling penguins on your profile.

Tags: falling objects, falling, penguin, penguins, decoration

Description:

Yeah. Falling penguins. Taken from that one post of that one snowflake thing, so the text says snowflakes. Ignore that. It is penguins.

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
     <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://cur.glitter-graphics.net/pub/91/91415nsh4snencl.gif"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px 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 4 of 4 comments ( View all | Add Comment )

kirby99	1706582853 using! Report Comment i just noticed there are 3 hs fans in a row by kirby99; 1706583280; Report Such a late reply, I haven't been on, but HAHA that is true why are penguins attracting HS fans. by Kevin 🜏; 1707223754; Report
Jade!	1704562592 using! Report Comment yaaay, i love penguins by Kevin 🜏; 1704735312; Report
ectoBiologist	1701668984 hey, this is awesome!! it took me back to the early tumblr days when i'd edit my blog every year to put snow falling on it. thanks for uploading this! :D Report Comment No problem, enjoy. :-) by Kevin 🜏; 1701695716; Report
Vasil	1699036711 What's the layout in the background? Report Comment Oh, that's my own custom one but I used this: (https://layouts.spacehey.com/layout?id=24806) as a base. I barely changed anything but the text color and background, lol. by Kevin 🜏; 1699048257; Report Thanks man, you don't mind if I use it right? by Vasil; 1699051263; Report yeah, no problem if you want the code the green i can grab mine lol. i couldn't figure out how to change the hover over link color though. by Kevin 🜏; 1699051925; Report