JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

Hover that:<br>

<p><a href="#"></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;

    /* inline: */
    background-position: 0 -182px;
}
a:hover {
    width: 120px;
    height: 120px;
    background-position: 0 -240px; /* -182px * 1.3186... */
}