<div class="container">
<div class="box mt-5">
<div class="title h2 font-weight-bold text-center py-2 bg-dark text-white w-100 ">產品標題</div>
</div>
</div>.box{
width: 300px;
height: 300px;
border:1px solid black;
overflow:hidden;
position:relative;
background-image: url("https://upload.cc/i1/2020/12/16/A37fZY.jpg");
background-size:cover;
}
.title{
position:absolute;
bottom:-80px;
transition:all .5s;
}
.box:hover .title{
bottom:-10px;
}