trnt

Pure HTML and CSS turntable, music loading spinner.

Demo

installation

put this into wherever the animation should appear

<div id="trnt">
      <div class="trnt_turntable">
        <div class="trnt_floor"></div>
        <div class="trnt_arm"></div>
        <div class="trnt_vinyl">
          <div class="trnt_wheel trnt_wheel-1"></div>
          <div class="trnt_wheel trnt_wheel-2"></div>
          <div class="trnt_wheel trnt_wheel-3"></div>
          <div class="trnt_cover"></div>
          <div class="trnt_middle"></div>
          <div class="trnt_hole"></div>
        </div>
      </div>
      <span class="trnt_text">getting funky...</span>
    </div>

add css code to your file

  <link rel="stylesheet" href="trnt.css">

Edit along and don't forget to minify at the end.