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

𝑻ℎ𝑒 𝑱𝑒𝑡𝑠𝑒𝑡 𝒍𝑖𝑓𝑒 ♱ 𝑰𝑠 𝑮𝑜𝑛𝑛𝑎 𝑲𝑖𝑙𝑙 𝒚𝑜𝑢	1782321281 Usingg Report Comment
Ctvbanna	1782136186 usinggg Report Comment
aikoquillette ^^	1781953517 using ^^ Report Comment
Gum	1781858793 usingg! Report Comment
Main	1781735779 Using Report Comment
𝐚𝐫𝐬𝐤𝐚	1781703076 using Report Comment
fei<3	1781334697 Using <3 Report Comment
Lissa	1781312981 using!! Report Comment
Aaaaaaaaaaaaaaaaaaa	1781306327 using! Report Comment
castiel	1781297454 using!! Report Comment
aliencyh	1781272073 using! Report Comment
jace 🦄	1781099128 using Report Comment
⋆˚⦻ ࿔ 𝒉𝒂𝒍𝒐 𝜗𝜚˚⋆	1781051942 using !!! Report Comment
♱_𝕽ezzie'𝘴 𝕮𝘩𝘦𝘮𝘪𝘤𝘢𝘭 𝕽𝘰𝘮𝘢𝘯𝘤𝘦⁶⁶⁶	1781013296 using! Report Comment
꒰🏳️‍⚧️007N7/C00LK1DD!!🍕꒱	1780934800 U51NG! X] Report Comment
paulinethecannibalisticdog	1780845727 using, tysm!! Report Comment
NER.MONETTE ୭ ˚.	1780798692 usiiiing:) Report Comment
neznyusya	1780778735 uusssiiinngg Report Comment
Li0n	1780585486 using Report Comment
ੈ✩‧₊˚༺Alexis༻ੈ✩‧₊˚	1780565877 Using Report Comment