Spinning cd

I figured out how to do the spinning cd and figured i would share it :3


<style>

  @keyframes spin {

    100% {

      transform:rotate(360deg);

    }

  }

  .recordPlayer {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 20px;

  }

  .cd{

    height: 130px;

    margin-left: 55px;

    padding: 10px;

    animation: spin 1.88s linear infinite;

    position: absolute;

  }

  .cdCover {

    height: 130px;

    position: relative;

    z-index: 1;

    margin-right: 55px;

  }

</style>

<div class="recordPlayer">

  <img class="cd" src="CD Image URL Here"/>

  <img class="cdCover" src="Cover Image URL Here"/>

</div>

Replace 'CD Image URL Here' with the image url for the spinning cd
Replace 'Cover Image URL Here' with the image url for the album cover

I can recommend this website to find the pictures: www.theaudiodb.com
Good luck!