小米鼠标悬停浮动模块

Title

*{
margin:0;
padding:0px;
}
.item{
width:235px;
height:300px;
background:orange;margin:100px auto;
transition:.5s;
position: relative;
overflow:hidden;
}
.item:hover{
transform: translate3d(0px,-5px,0px);
box-shadow:0px 15px 30px rgba(0,0,0,.5)
}
.item:hover p{
bottom:0px;
transition:.5s;
}
.item p{
text-align:center;
position:absolute;
height:75px;
width:100%;
bottom:-75px;
background:red;
line-height:75px;
color:#fff;
font-size:20px;
}

欢迎回来