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

Phoebe	1762533213 using Report Comment
realzlow	1762509232 using =) Report Comment
G3NNE	1762480308 Using :) Report Comment
Amaris	1762453172 using Report Comment
missdetritus	1762436601 using! thankyou! Report Comment
pidapora	1762373470 usinggg Report Comment
ArezFM	1762213587 this is awesome! using! Report Comment
⊹ ₊ ⁺‧₊˚ ♡𝒕𝒓𝒂𝒔𝒉 𝒑𝒂𝒏𝒅𝒂♡˚₊‧⁺ ₊ ⊹	1762207431 usingg :] Report Comment
Adr	1762200363 Using! Report Comment
Stella Marrs	1762117325 using! Report Comment
Ed	1762084945 Using! Report Comment
Nayability	1762050357 using Report Comment
andЯei𝄞	1762018165 using Report Comment
♪Willo	1761985419 Using! ty! Report Comment
3l!j@h!	1761971645 Using Report Comment
jnesh1tXD:3	1761911098 using!!!xd Report Comment
Lyla!!!	1761875179 usingggg Report Comment
bloodsuckr	1761871222 Using Report Comment
bloodsuckr	1761871143 Using Report Comment
Crystal Lobato	1761845206 I’m trying copy it lol Report Comment