.box {
background: #e3e3e3 none repeat scroll 0 0;
border: 1px dashed #666;
cursor: pointer;
height: 200px;
margin: auto;
position: relative;
transition: all 1s ease 0s;
width: 400px;
}
.box::after {
bottom: 0;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.4);
content: "";
height: 10px;
left: 15%;
position: absolute;
width: 70%;
z-index: -1;
}
.box > div {
background: #e3e3e3 none repeat scroll 0 0;
font: 45px/200px bold helvetica,arial,sans-serif;
height: 100%;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 0 white;
top: 0;
transition: all 0.5s ease-in-out 0s;
width: 100%;
}
.box > div:first-child {
position: relative;
z-index: 2;
}
.box:hover {
