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 1 of 1 comments ( View all | Add Comment )

nico !! ⛧

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 nico !! ⛧; 1715338942; Report

NO WORRIEZ!!!

by mistOmeter; 1715361991; Report