=&quot;cassette__square&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</pre>
          </div>
        </div>
        <div class="block">
          <h2>CSS</h2>
          <div class="box code">
            <pre>@keyframes rotateCassette {
to {
transform: rotateZ(360deg)
}
}

.cassette {
height: 158px;
width: 248px;
position: relative;
border-radius: 6px;
overflow: hidden;
box-shadow: 1px 1px 0 1px #777,-1px -1px 0 1px #fff;
font-size: 14px;
top: 0
}

.cassette__bottom {
transform: perspective(100px) rotateX(15deg);
cont