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

narcisa.07600	1738541257 Using :b Report Comment
Ben!	1738530875 Using!! Report Comment
S4mmyzin	1738521038 using! Report Comment
Costi	1738518919 using! Report Comment
valeerobotic01	1738503100 using rn thankss Report Comment
XxB0n3BvnnyxX	1738501327 Using!! TYSM THIS IS SICK! Report Comment
verdance	1738484177 using <33 thanks! Report Comment
Mio	1738478246 Use, ty!! Report Comment
Molls	1738477104 finally something easy!! THANK YOU. using <3 Report Comment
🩸 ⋆｡‧˚ʚElsieɞ˚‧｡⋆ 🩸	1738474948 Using! Thank you! Report Comment
lolla 🦇	1738468381 usinggg Report Comment
ghoulsblog	1738464657 using! Report Comment
zhqra ★	1738448434 using!! Report Comment
⛤M3n3licq>:33⛤	1738440965 Using Report Comment Ww by Natalka<3; 1738448410; Report
༺𝒜𝒾𝓁𝑒𝒹༻	1738440590 using >.< Report Comment
S0F1.JPG	1738434621 Using Report Comment
Naiaxa	1738433964 Using!! Report Comment
172 Batteries	1738428138 IM USINGGGG THISSSDD Report Comment
Eya	1738425636 usinggg Report Comment
୨୧ ㆍ yuki ◝	1738416908 using:D Report Comment