.box{

? ? ? ? ? width:200px;

? ? ? ? ? height:300px;

? ? ? ? ? margin:50px auto 0;

? ? ? ? ? border: 1px solid #000;

? ? ? ? ? position:relative;

? ? ? ? ? overflow:hidden;

}

.box .info{

? ? ? ? ? ? ? ? width: 200px;

? ? ? ? ? ? ? ? height:300px;

? ? ? ? ? ? ? ? background-color:rgba(0,0,0,0.5);

? ? ? ? ? ? ? ? color:white;

? ? ? ? ? ? ? ? position:absolute;

? ? ? ? ? ? ? ? left:0;

? ? ? ? ? ? ? ? top:300px;

? ? ? ? ? ? ? ? transition:all 500ms ease;

? }

.box:hover .info{

? ? ? ? ? ? top:150px;

? ? ? }