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

⦻ItsFozify⦻	1776357863 Usinggg Report Comment
𝄞 ⨾ 𓍢ִ໋ vic	1776305235 using!! Report Comment
☥Lynn☥	1776246515 using! Report Comment
Luna	1776101394 Using! Report Comment
SophiaThe2nd	1776050505 using >:) Report Comment
4zuma	1776036779 how do i put the image right? Report Comment
💫°•_𝓴𝔂𝓻𝓪_•°⚡	1775959235 Using Report Comment
💫°•_𝓴𝔂𝓻𝓪_•°⚡	1775959218 Usando! Report Comment
Xx_Jane_Xx	1775933513 hey can you help me putting Spotify embed here? :3 Report Comment
Nicii♡	1775921832 using Report Comment
andie	1775920570 Usingggg Report Comment
ItzName	1775870009 Using! Report Comment
kalani. ¿	1775859518 usingg Report Comment
✞	1775789978 using! Report Comment
»ARI_14*«	1775668265 using Report Comment
proyectada5890	1775595823 Usingg Report Comment
ᴇᴍʙᴇʀ ♬⋆.˚	1775570409 using!!! Report Comment
majones	1775336170 using!! Report Comment
..cupkakesNrainbows..	1775309069 using Report Comment
d3si	1775199030 Usingg Report Comment