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

melody.mstry	1744533153 using !! Report Comment
jaemin	1739464665 P!H MENTIONED IM USING TSM Report Comment
vxl~tine	1739379668 using Report Comment
GirlOutOfThisWorld	1734394844 Hey is there a way to move the album cover to the left or right? please explain in baby terms, i am a beginner but i am trying to learn, thank you so much! Report Comment could u lmk if u find out? :( i’m having the same problem by kari ୨୧ ⸝⸝; 1734502969; Report yep! by GirlOutOfThisWorld; 1734559959; Report at the code yall pasted theres a part that says "right: (number)px" and you can mess with that number to see what happens but idk btw 900px gives a good left position hope that helps:3 by Zuppe; 1740156658; Report
Satoku	1734041269 usingg Report Comment
vex 💌	1732494634 usingggg Report Comment
zane	1731081749 usihng!! Report Comment
Lila	1726040656 When i try it puts the cd over the contact bit, how do i change this? Report Comment
nick	1722598578 using Report Comment
m4theo	1717833794 usingg Report Comment
serena౨ৎ	1713366108 usingg Report Comment
Dea Amoris	1711740249 USING !! Report Comment
soleil	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