Sally Face - Sal fisher icon

Tags: #sallyface, #salfisher

Description:

💙

Preview:

click on the image for a larger preview

Code:

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

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
---image: url('');
}
.profile-pic {
position: relative;
width: 160px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://cdn271.picsart.com/4c79c1e2-44dc-4028-baeb-6c2259cce630/450572704023211.png?to=crop&type=webp&r=1456x1456&q=85'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 160px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</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 16 of 16 comments ( View all | Add Comment )

Emz4U (ᵕ•_•)	1749368513 using! Report Comment
BLU3TOOTH	1747946172 using!! Report Comment
Evžen	1747509052 using ^_^ Report Comment
нαzє...	1745718451 USING Report Comment
☆~𝖋𝖆𝖑𝖑𝖊𝖓~☆	1742860842 using!! Report Comment
Lee_eatsbugzz	1741261779 using!!! Report Comment
/-/Chez/-/	1739620972 using Report Comment
M.sGloooh	1737097206 using Report Comment
▀▄▀▄✰ ⋆♱ @ \| 3 ⨉ ♱⋆ ✰▄▀▄▀	1732071495 using Report Comment
✞༒M1CHAEL༒✞	1731447968 IM USING FCRGCRGCRGCRGCRGCRGCRGCRGCRGCRGCRGCRG <3333 Report Comment
C3R34LZ X3	1731373416 could b using! Report Comment
★Ayesha_Annihilate★	1725861824 Using Report Comment
ibuprofenn	1725751759 usingg:pp Report Comment
k3tchup_plz!!	1723517965 Using !! Report Comment
⌆ ▄︻デ══━ᴛ⦻ʀᴅ一~☆ [TORDS #1 FAN]	1721788023 USIIIIIIINGGGG :3333 Report Comment