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

🍒 Mermelada De Cereza 🍒	1721997235 Can someone tell me how to change the cover? Report Comment
bernardo's wake	1721955159 using Report Comment
XxCyb3rbBlurryxX	1721950335 using!1!! Report Comment
carlyy	1721917002 using!! XD Report Comment
$𝐤𝐮𝐥𝐥𝐳	1721624133 Using!! Report Comment
ZAKII_WACKII	1721595586 Might use Report Comment
Roro :b	1721594139 Usingggg!! :0)))) Report Comment
D34d 6unny	1721589675 Using! Report Comment
M0pp	1721178440 using!!! Report Comment
mozuchnakoroziq	1721151360 using :3 Report Comment
livefromthebasement	1721127694 using! Report Comment
gummyLungs	1721064972 using!!! Report Comment
Carm	1720992426 using! Report Comment
stephers	1720939854 using!! Report Comment
✦𝓨	1720846561 Using !! Tysm <33 Report Comment
T 0 Y B A S C O	1720839768 DEF USINGGG!!! Report Comment
salem	1720651294 using !! Report Comment
Mars	1720639823 tysm<333 Report Comment
⋆♱sarah♱⋆	1720573896 using !!! Report Comment