Box Hover create 3d shadow in HTML and CSS

by Rajat Jha

HTML

<div class="threed">InfoStore99</div>

CSS

body > div
{
            width:300px;
            background:#676470;
            transition:all 0.3s ease;
            text-align: center;
            border-radius:6px;
            font-size: 20px;
            color: white;
            padding:50px 10px 50px 10px;
             transition-property: webkit-transform,box-shadow,transform ;
             transition-duration: 1s;
             transition-timing-function: linear;
             cursor:pointer;
}




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