如何使一个带有vertical align:top的div,改变其位置为vertical-align:middle,并通过这些状态进行平滑动画过渡?
我无法使其工作,vertical-align是否不可过渡?
代码:
.outer{
width:200px;
height:200px;
background:red;
display:table;
text-align:center;
}
.inner{
width:100px;
height:100px;
vertical-align:bottom;
display:table-cell;
transition:all 2s;
}
.inner:hover{
vertical-align:middle;
}
这是示例代码: https://jsfiddle.net/7amp783t/