- 子元素定位后下潜隐藏
.box li {
position: relative;
overflow: hidden;
}
.box li .info {
position: absolute;
bottom: -30px;
left: 0;
color: #fff;
line-height: 2;
margin-left: 40px;
transition: all 0.6s;
}
2. hover设置bottom: 0; 实现上拉效果。
.box li:hover .info {
bottom: 0;
}