Record Player

Tags: vinyl, music, audio, css, layout

Description:

murgn's record player

Copy paste the code into your about me to add a record player to your page
Combine this with a youtube embed with a width & height of 0 to make cool pages 😱

Replace the vinylCover img src with a link to the image of your album!!

Change both the vinyl and vinylCover classes' height to change the size! 😮

let me know if you're using so I can check your page out 👀👀

Preview:

click on the image for a larger preview

Code:

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

<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://m.media-amazon.com/images/I/81aECQlJWwL._UF894,1000_QL80_.jpg"/>
</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 84 comments ( View all | Add Comment )

Kris James	1714176324 Will use it soon :b !!! Report Comment
Bagel_Mann	1713848219 USING!!! X3 Report Comment
Louis	1713805783 using :) Report Comment
☆Ryan Ross☆	1713646241 TOTALLY USING!! Report Comment
kat ?!	1713134742 using ;3 Report Comment
Percy	1713121628 Using ☾ Report Comment
VE1RE ★	1712331385 using !! :smile: Report Comment
3Csontváz1HúsKabátban	1712244497 Using! :D Report Comment
Sillyclowns	1712119561 Using!!! (Might not show up right now cause I’m redoing my entire page XD) Report Comment
👁𝔻𝕒𝕙𝕝𝕚𝕒👁	1711828908 using Report Comment
catlaand	1711258803 using! I’m in loooooove! It’s one of my favs things on my profile :)) thank you so much! <3 Report Comment
nosok228	1711219037 Using) Report Comment
Ren	1710908405 Using!! Report Comment
MarIna	1710904620 Using :) Report Comment
AdonisTheAbyss	1710883896 using <3 Report Comment
Juno	1710383463 Using!!!! X3 Report Comment
fiasco	1710343705 using it!! Report Comment
𝔯𝔬𝔟𝔢𝔯𝔱	1710297983 using! :) Report Comment
Apollo	1710040521 using:p Report Comment
𓈒ㅤ MY NAME iS JONAS◞ !	1709498312 using Report Comment