JSFiddle - React, Tailwind, and code Playground

by rudiedirkx

HTML

Hover that:<br>

<p><a href="#" style="background-position: 0 -webkit-calc(100% / 62 * 0);"></a></p>
<p><a href="#" style="background-position: 0 -webkit-calc(100% / 62 * 1);"></a></p>
<p><a href="#" style="background-position: 0 -webkit-calc(100% / 62 * 2);"></a></p>

CSS

p {
    margin: 0;
    display: inline-block;
    border: solid 10px green;
}
a {
    display: block;

    /* always: */
    width: 91px;
    height: 91px;
    background: black url(//hotblocks.nl/tests/gamessprite.gif) no-repeat 0 0;
    background-size: 100% auto;
}
a:hover {
    width: 120px;
    height: 120px;
}