JSFiddle - React, Tailwind, and code Playground

by teneff

HTML

<div class="case">
    <div class="album"></div>
    <div class="disc"></div>
</div>

CSS

div {
    background-image: url('https://www.ecuad.ca/sites/www.ecuad.ca/files/imagecache/work_main_preview/users/2772/work/101440/Screen%20shot%202010-12-30%20at%203.13.58%20PM.png');
    width: 225px;
    height: 225px;
}
.case {
    position: relative;
}
.album {
    background-position: -36px -28px;
}
.disc {
    position: absolute;
    top: 0;
    left: 241px;
    background-position: -277px -28px;
    transition: all 500ms;
}
.case:hover .disc {
    left: px;
}