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

evan 𝄢	1758338314 usinggg!!!2 Report Comment
vicksvaporub	1758273965 using ;D Report Comment
odalys	1758259407 usinggg Report Comment
Lew	1758246671 using! Report Comment
Batty_GyrL	1758233609 using!!!!!!!!!!!!!!!! Report Comment
𝔠𝔞𝔰𝔰𝔶	1758216201 Usinggg :> Report Comment
lua	1758131930 uuuusiiing Report Comment
Sauyaon (Sau)	1758023911 usingg Report Comment
Scarah	1757996498 usiiiing Report Comment
Jewel Rae	1757961720 usinngg! Report Comment
Arlonymous	1757937743 using ^^ TYY Report Comment
L3mon	1757917109 YAY THANK YOU!! ^_^ Report Comment
Mila	1757883184 Using! Report Comment
ZionZ0mbieX	1757877469 using Report Comment
sullenstoat	1757729644 using Report Comment
Immortal_Autism	1757718073 def using this. Report Comment
azriel ^^ (I promise) 击	1757606151 usinggg :3 Report Comment
Milo ｡𖦹°‧	1757600811 USINGGG >.< Report Comment
Eva 𖦹. ✩‧₊ ˚	1757599920 using! Report Comment