The joker

Tags: the joker

Description:

The joker in your profile

Preview:

click on the image for a larger preview

Code:

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

<div class="snowflakes">
    <div class="snowflake"><img src="https://pbs.twimg.com/media/FSHq7DgXEAAKicO.png" class="snowflake-img"/></div>
    <div class="snowflake"><img src="https://media3.giphy.com/media/ZcutrEB72eM7jSDQXT/giphy.gif?cid=6c09b952gqlynikzj640i4a3mjmzkj7nk0n3rqavn6jvef30&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=s" class="snowflake-img"/></div>
</div>

<style>
    @keyframes snowflakes-fall {
        0% { transform: translateY(-10vh); }
        100% { transform: translateY(110vh); }
    }

    @keyframes snowflakes-shake {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(40px); }
    }

    .snowflakes {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        pointer-events: none;
    }

    .snowflake {
        position: absolute;
        left: calc(25% * var(--n));
        --n: 1;
        transform: translateX(-50%);
        user-select: none;
        cursor: default;
        animation: snowflakes-fall 10s linear infinite, snowflakes-shake 3s ease-in-out infinite;
    }

    .snowflake img {
        width: 30px; /* Puedes ajustar el tamaño según tus preferencias */
        height: auto;
    }

    .snowflake:nth-child(odd) {
        animation-delay: 1s;
    }

    .snowflake:nth-child(n+3) {
        --n: 2;
    }
</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 6 of 6 comments ( View all | Add Comment )

MVF3BZ !!	1729462727 Using so cute!! Report Comment
ALEX	1728150848 USING IT :DD Report Comment
Makedbvnny	1722686667 using :D Report Comment
Luan ☆★	1722092834 MAY USE Report Comment
damien ཐི ₍ᐢ. ̞.ᐢ₎ ཋྀ	1717925207 THIS IS ADORABLE!! Report Comment
Vicko!!☆	1706651320 usando :p Report Comment Te amo by Edgar; 1706743621; Report