.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;
? ? ? }