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

𑣲. matt ♰	1787537281 using u-u Report Comment
mikeymorality	1787517655 usingggg Report Comment
✮⋆˙𝄞⨾𓍢ִ໋ Miss.Sweeten443 𝄞⨾𓍢ִ໋✮⋆˙	1787462436 using <3 Report Comment
UZAY	1787445560 using! Report Comment
arsumnv	1787271881 using Report Comment
Salyangoz‏𖦹	1787164542 USING!!!1 Report Comment
୭ ᵎᵎ 🧁 𝓐𝓼𝓱 . ꕤ 🍮｡˚	1786852727 Using ^^ Report Comment
Late	1786843765 usingg Report Comment
checkyeskenzie	1786820888 usinggg Report Comment
checkyeskenzie	1786820888 usinggg Report Comment
⏖ ྀིྀི lanni ۫ ׅ ໒꒱ 𓈒	1786813345 using <3 Report Comment
Tav	1786799685 using! Report Comment
xX_⦻Avix_Xx	1786700585 using :P Report Comment
BloodCiberTakum	1786678347 usando! Report Comment
sleepy_tempest09	1786571089 Using itt Report Comment
𝒜strid ╋━	1786551225 usgingg Report Comment
⋆˚꩜｡𝔑𝔬𝔞｡꩜˚⋆	1786505384 Using!! Report Comment
m1lly_z	1786471380 Using! Report Comment
Zen Instability ⦻	1786451884 using!! Report Comment
kiki 𓋹	1786417000 using...,, Report Comment