cd spin animation thing

Tags: cd, animation, layout

Description:

use this to get a cd spin animation on ur profile! feel free to change the album cover to whatever you want i don't mind! comment using if ur going to use cuz i wanna see ur profiles! EDIT: for some reason the cd decided to stop showing up so i changed the cd url so it should work now!

Preview:

click on the image for a larger preview

Code:

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

<style> 
lol {
}
lol, .img2 { /* album's cover image u can change the size! */
position: relative;
width: 200px;
height: 200px;
background-color: black;
color: black;
z-index: 999;
}
.img1 { /* cd image u can change the size too */
position: absolute;
right: 550px;
width: 195px;
height: 195px;
z-index: 800;
-webkit-animation: spin 2s linear infinite;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
.img1:hover { /* this makes the cd stop spinning when hovering! */
-webkit-animation: pop 0.3s ease;
}
</style>

<div id="lol"><img class="img2" src="ALBUMCOVERURLGOESHERE"/><img class="img1" src="https://64.media.tumblr.com/f922326bd1c0939722cb5572eb15eded/b015a88dc708066d-46/s250x400/8f39eeef8aa622e0c064cf958b8d663aa34c24ab.pnj" width="auto" height="45px"/></div>

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

serena౨ৎ	1713366108 usingg Report Comment
Dea Amoris	1711740249 USING !! Report Comment
s0lei	1708361141 using!! Report Comment
billy / lucifer / adam !!	1707659297 using Report Comment
Nat☆	1707378849 using! Report Comment
cooly	1707079854 using!! Report Comment
★ ﹫𝗯𝟺𝗱ⲓ𝖽ǝ⍶_!	1706990042 Using! Thx u so much <3 Report Comment
Eliz	1706762283 how do I make the CD pop out and spin? Report Comment
♥Riri♥	1706648382 Using! Report Comment
nine	1706555590 Using! Report Comment
Al	1706538681 使ってます！ Report Comment
alexia mae ໒꒱ ‧₊˚	1706480122 using!!!! Report Comment
Boniscool	1706424250 i tried to put it in my music area and the disk part is stuck on my comment section CAN YOU HELP PLS!!): Report Comment
☆kioki☆	1706419312 How to change the photo? Report Comment IT NOT LETTING ME COMMENT IT by Boniscool; 1706423902; Report at the bottem of the code theres 2 image links delete the first one the 2 one is the disk if you dont understad delete the one that says amazon DO NOT DLELTE THE DISCORD APP LINK then replace the link with you album cover image link by Boniscool; 1706424126; Report ty! i’ll try that by ☆kioki☆; 1706426190; Report
B3AX/PIM 💫	1706301971 using :33 Report Comment
★ star	1706292738 using!!! :3 Report Comment
Boniscool	1706284453 using Report Comment
Yukiiiੈ✩‧₊	1706167394 using! Report Comment
hannah	1706133851 using! Report Comment