RAINING/FALLING PUDDING! ;-D

Tags: raining, snowing, animation, layout, gif

Description:

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes">
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div class="snowflake"><img src="https://gifcity.carrd.co/assets/images/gallery139/d83fad0c.gif?v=c54a506e"/></div>
<div></div></div>


<style>
    @-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 350 comments ( View all | Add Comment )

“ gal . 〰 ♰ . ‘	1766411116 using :) Report Comment
⋮ ⌗ ┆haruri 𓏵 ( ˶°ㅁ°) !!	1766369352 using! Report Comment
𖦹☘️୭kαii˙꒷𖦹	1766212797 using! Report Comment
HARMY!	1766092275 Using!! Report Comment
Rei Glitxh 𖹭	1765829795 using!! (changing img code) Report Comment
otecharll	1765774977 USING !!! :D Report Comment
Geeekk	1765482293 Using!!! Report Comment
magnolia!! ^_^	1765436110 using!! Report Comment
PomPomPurin	1765220220 USING !!! TY Report Comment
⋆. 𐙚 ˚Animator	1765160870 usingg Report Comment
⋆. 𐙚 ˚Animator	1765160868 usingg Report Comment
yhan !!	1765037788 usingng Report Comment
Sami 𐔌՞ ܸ.ˬ.ܸ՞𐦯	1764670890 Using!! Report Comment
Sami 𐔌՞ ܸ.ˬ.ܸ՞𐦯	1764670884 Using!! Report Comment
ana "ann"	1763657667 using Report Comment
Rei Glitxh 𖹭	1763426237 Using!! Report Comment
Raiele	1763340272 using!!!! Report Comment
M1kie Ally	1763270947 USINGG Report Comment
Mᴀʀʀᴜʙʏ	1763100137 Usando!!!! Report Comment
magnolia!! ^_^	1762755909 using!! Report Comment