JSFiddle - React, Tailwind, and code Playground

HTML

<span></span>

CSS

span {
    display: block;
    width: 128px;
    height: 128px;
    background: url(http://findicons.com/files/icons/354/circus/128/bird.png) no-repeat;
    cursor: pointer;
    border:3px solid #CECECE;
    position: relative;
    -webkit-transition: 1s;
    color: transparent;
}

span:hover {
    width: 250px;
    color: #000;
}

span:after {
    opacity:1;
    content: 'подсказка';
    position: absolute;
    left: 128px;
    top: 40%;
    font-size: 20px; 
}