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

Smackarino	1773070946 Using!! Report Comment
Mr Jonees	1773025818 Using<33 Report Comment
PastelHallow	1773000253 using ^^ Report Comment
⊹ ࣪ ˖𝔟𝔯𝔞𝔶𝔩𝔢𝔦𝔤𝔥ᯓ★	1772988865 using!! tysm:33 Report Comment
Colbs!! 🦇🕷️	1772948825 Using!!! Report Comment
bread	1772915726 using Report Comment
jayscreamofan09	1772910204 using!! Report Comment
𝐌αdɛmoısĕlle jhōon ⸸	1772891585 usingg Report Comment
vethis 末世思想 \| 福音	1772827237 using Report Comment
༝ ri	1772793595 using!! Report Comment
⋆˚꩜｡Sua⋆｡꩜˚⋆	1772760013 Using !! :3 Report Comment
loremii˚˖𓍢ִ໋❀ʚɞ	1772732798 how can I add music to my profile? Report Comment
Anne Agrestte	1772705987 Using! Thank uuu Report Comment
FoamySoup42	1772691472 Using! Thank you💗 Report Comment
࣪ 𝕹𝖎𝖈𝖍𝖔𝖑𝖆𝖘 ࣪ ˖	1772688638 usandoo Report Comment
jaxxon	1772537785 anyone else having trouble with the spinning? it shows up on my profile but the vinyl doesn't seem to move :( Report Comment
♱ : nara	1772512239 using! ty! Report Comment
Kris	1772489508 Using this! Thank you! Report Comment
Joana...	1772487295 usingg!! Report Comment
mybloodisgreen	1772410335 will use this! it's awesome Report Comment