bc it doesnt let me add it for some reason :(Β
this is a cd shaped pfp, DESTROYA autoplay, and a trans flag cursor (if u dont want that one i recommend this one!)
just copy paste into ur about me with the layoutΒ and ur good 2 go ^^
<!-- (c) Layout created by Valentine (https://layouts.spacehey.com/layout?id=29048) -->
<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.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>
<!-- (c) Layout created by silly / arcade / cabby (https://layouts.spacehey.com/layout?id=100826) -->
<style>* {cursor: url(https://sillyblinkies.nekoweb.org/other/transcursorbig.png), auto !important;}</style>
<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>
<iframe width="0" height="0" src="https://www.youtube.com/embed/LGi7Uk7ikgY//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )