raining green stars :3

Tags: stars

Description:

credits to fini hoover for original code! comment using if using, this is my first time making a layout btw so apologies for any inconveniences.

Code:

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

<!-- (c) Layout created by fini hoover :3 (https://layouts.spacehey.com/layout?id=30834) -->

<div class="snowflakes">
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/tCTyYdZj/greeeeeeenstarrrrrr.png"/></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 8 of 8 comments ( View all | Add Comment )

madryay	1745260788 Usingg!!! Report Comment
Taylor	1727739698 usein Report Comment
Rem ׂ 𓈒 ⋆ ۪	1721502326 Possibly using! Report Comment
Rebecca Cotswolds	1711181053 usinf Report Comment
n0ahzz	1708786933 using !! Report Comment
Lizard	1708613828 using! Report Comment
marfyaleatorio	1706653475 using Report Comment
BLENDR	1706301972 U531N61NG Report Comment