JSFiddle - React, Tailwind, and code Playground

HTML

<div class="threed">3D Shadow</div>

CSS

body > div
{

    margin:121px 100px;

    width:483px;
    height:298px;

    background:#676470;
    color:#fff;

    font-family:Lato;
    font-weight:900;
    font-size:3.4em;

    text-align:center;
    line-height:298px;

    transition:all 0.3s ease;

}

.threed:hover
{
    box-shadow:
        1px 1px #53a7ea,
        2px 2px #53a7ea,
        3px 3px #53a7ea;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}