.div{
    width: 100%;
    float: left;
    position: relative;
    transition: all 2s;
    text-align: center;
    /*margin-right: 10px;*/
    overflow: hidden;
}
.div:hover{
    box-shadow: 0 0 20px 10px #cccccc;
}
.div span{
    display:block;
    width: 100%;
    text-align:center;
    position: absolute;
    bottom: -90px;
    transition: all 2s;
}
.div:hover span{
    bottom: 0px;
}