JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Home"><span class="menu-text">Home</span>

CSS

#Home
{
    display:block;
    position:relative;
    font-size:2em;
    width:25px;
    height:43px;
    background-image:url('http://www.martin.com/color/small/red305.1.gif');
    transition-property:width;
    transition-duration:1s;
    transition-timing-function:linear;
    transition-delay:0s;
    /*Safari and Chrome: */
    -webkit-transition-property:width;
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing-function:linear;
    -webkit-transition-delay:0s;
    /*Opera: */
    -o-transition-property:width;
    -o-transition-duration:1s;
    -o-transition-timing-function:linear;
    -o-transition-delay:2s;
    border-radius:10px;
    z-index:2;
}

#Home:hover
{
    width:79px;
}

.menu-text
{
    display:block;
    position:relative;
    z-index: 1;
}