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

Xanderrr!	1777500855 Using :DD Report Comment
KyoyazzzOwO	1777494479 using <3 Report Comment
Count.Gabi	1777486704 Using!! Report Comment
Ren	1777479284 Using ^^ Report Comment
Graceee	1777133378 using!! Report Comment
cora 🦇	1776974478 usinggg 💛 Report Comment
gingerjoke	1776921272 using!!! <3 Report Comment
SONI	1776815991 using !! Report Comment
𖤐 Rixx 𖤐	1776733062 Using Report Comment
♬⋆.˚	1776602767 using Report Comment
VALLEY RENFORD	1776579796 Using Report Comment
⦻ItsFozify⦻	1776357863 Usinggg Report Comment
𝄞 ⨾ 𓍢ִ໋ ezra 🐑	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