JSFiddle - React, Tailwind, and code Playground

by Max Sinev

HTML

<a class="pause"></a>
<a class="play"></a>

CSS

.play, .pause
{
    width: 35px;
    height: 35px;
    display: block;
}

.play
{
    background: url(../img/play.png) left top no-repeat;
}

.pause
{
    background: url(../img/pause.png) left top no-repeat;
}

.play:hover, .pause:hover
{
    background-position: left -40px;
}

.play:active, .pause:active
{
    background-position: left -80px;
}