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

riyx._𝜗𝜚 ࣪˖ ִ𐙚	1752341360 using!! Report Comment
julia!!	1752338880 usingg Report Comment
XxxGh0stlyyxxX	1752309834 Using!! :) Report Comment
Markywarky	1752297015 Using!! Report Comment
KatieMarieRose	1752281798 using! :D Report Comment
✭literallyDJ✭	1752254563 Using :) Report Comment
Maddie	1752240960 using!! Report Comment
𝐄𝐦𝐛𝐞𝐫 𝐄𝐜𝐥𝐢𝐩𝐳𝐞 𓋹	1752233189 Using for BABYMETAL!! Report Comment
Frank!e_Da$h	1752231416 USING Report Comment
seaskys..	1752181820 using! Report Comment
Katherine Star	1752158908 useing Report Comment
ʝιყα 🍎	1752158839 usinggg Report Comment
Finnster	1752131897 Using! Report Comment
aflowerspetal	1752122581 usingg! Report Comment
V	1752117802 using ^^ Report Comment
ᴊᴀꜱᴘᴇʀ	1752093812 using Report Comment
youngstar	1752075611 usingg Report Comment
Kkult	1752060675 using! <3 Report Comment
𝙰𝚗𝚗𝚎	1752002685 Using! Report Comment
𝙰𝚗𝚗𝚎	1752002681 Using! Report Comment