SOAD mezmerized album art on disc

Tags: soad, disc, cd

Description:

says it all on the tin also pls say if using

Preview:

click on the image for a larger preview

Code:

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

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3163102a-e126-40bc-a5d2-78da2912c504/dhd8cwm-3701afb7-269c-4fba-b1be-204d23e5e604.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzMxNjMxMDJhLWUxMjYtNDBiYy1hNWQyLTc4ZGEyOTEyYzUwNFwvZGhkOGN3bS0zNzAxYWZiNy0yNjljLTRmYmEtYjFiZS0yMDRkMjNlNWU2MDQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rsh5uFz-UW3dYfnJz3aVWtEOsFmiMoQ9-J50z7zfdhk");
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), 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: 163px;
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 10 of 10 comments ( View all | Add Comment )

gabeghost	1730073654 using! Report Comment
Marcy Sir Larceny !	1727742625 Gonna use! Report Comment
filler	1726591117 using!!! Report Comment
Antoezzzz🗯️(the painter)	1722539966 Using! Report Comment
Eve ⋆	1721334934 using !! Report Comment
Killjoy_Ky	1720653338 Using. Report Comment
Jacob	1720634158 using! Report Comment
Yakzz!_X3	1720304757 using :3 Report Comment
Jieeds	1720086920 using Report Comment
kiki	1715064899 USING !! FOR SOME REASON IT WONT WORK FOR ME THE DISC DOESNT SHOW UP OR SPIN JS THE CD CASE Report Comment i think its cause of the fact that i uploaded the image on discord, i'm gonna upload it to DA now and see if that fixes it by mistOmeter; 1715181646; Report fixed, now try :3 by mistOmeter; 1715181902; Report TYSM ILY IT WORKS NOW I RLY APPRECIATE U FIXING IT by kiki; 1715338942; Report NO WORRIEZ!!! by mistOmeter; 1715361991; Report hi! i'm new here and i saw u said to let u know if we wanna use your layout, so can i use it plz? it's cool if u say no, just wanted to check :3 by Ashley; 1717105255; Report yeah ofc i uploaded it for a reason lol by mistOmeter; 1717153792; Report