Jellyfish snowflake

Tags: jellyfish, cute, rain, snowflake, blue, animation, graphics

Description:

Hi!! this is a Jellyfish snowflake as it says in the name. I hope this works correctly!! it works in phones too. You can comment if using <3

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/40d16c29cbed6d77e7a0b9ea794c1901/989650c73fe07925-07/s75x75_c1/4264d0fad109fdeac3298ab45eac51328a39cf79.gifv"/></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 392 comments ( View all | Add Comment )

Pixel.Code	1790769480 Using Report Comment
lylika	1789482847 Using Report Comment
TodayOrTomorrow	1788725999 for some reason now it ONLY covers the about me blurb instead of the whole screen, this has happened to the other overlays I had, what happened? Report Comment
Nat⋆. 𐙚 ˚	1787534800 Using Report Comment
★Ren★	1787062122 Using Report Comment
Ashya	1786332098 using Report Comment
lizz🧟‍♂️	1786051806 usingggg Report Comment
Eli	1785003199 def using Report Comment
꛷ ℳℳℳ ꛷	1784649560 using Report Comment
｡∘⁠˚⁠°D4nnx⁠∘⁠˚⁠°｡	1784594864 usando <3 Report Comment
NATTT	1784349542 usingg Report Comment
ailuu	1784306267 using Report Comment
Sare ☆	1783187911 Usingg Report Comment
heisenberg	1782720820 using! Report Comment
iyuuzy	1781172186 using :3 Report Comment
Eve	1779046813 using Report Comment
Swiitchh	1779042285 using! Report Comment
kitzune	1778480511 USANDO!!! Report Comment
Piro	1778363294 using!! Report Comment
YUR1_L0v3R	1777074082 usinggg Report Comment