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

carlpryn	1762802902 usinggggggggggggggggggggggg Report Comment
Ray	1762754169 USING!!! Report Comment
vicnia!! ^_^	1762730964 usinggg!! Report Comment
H-hanni! // NJZミ★	1762730856 usinggg Report Comment
cade_nce	1762725770 Using :) gonna change the ing but dk how to yet Report Comment
Neula?! -_-	1762721549 using! Report Comment
Erika:>>	1762721374 usinggg Report Comment
⋆˚࿔m4rxz1⋆˚࿔	1762706795 Using!! Report Comment
击	1762703577 Using!! Report Comment
Yuri	1762688499 Usinggg!! Report Comment
Wumboboy	1762674501 using!!! Report Comment
Amaimew	1762601025 using Report Comment
Melancholic Insomnia	1762566469 using! Report Comment
Melancholic Insomnia	1762566469 using! Report Comment
marce_c0rtes	1762564883 using :3 Report Comment
lenmustdie	1762551722 using =3 Report Comment
Phoebe	1762533213 using Report Comment
realzlow	1762509232 using =) Report Comment
G3NNE	1762480308 Using :) Report Comment
Amaris	1762453172 using Report Comment