cassette-tape

An animated cassette tape with your HTML content as a sticker

code

<cassette-tape>
  <div style="width: 100%; height: 20%; background-color: white">
    <p style="text-align: center; font-family: var(--handwritten); color: steelblue; font-size: 3em; transform: translateY(20%)">
      Mix Tape - 1993
    </p>
  </div>
</cassette-tape>

Mix Tape - 1993

Colors

code

<cassette-tape style="--case-color: rgb(11, 25, 51); --tape-color: rgb(29, 74, 6); --cogs-color: rgb(113, 21, 21)">
  <img src="./rickroll.png" style="width: 100%">
</cassette-tape>