css3怎么实现高度从固定到自动的过渡动画

html-css026

css3怎么实现高度从固定到自动的过渡动画,第1张

用 height 是不行的。

不过,用 max-height 和 min-height 可以实现同等效果。

.box{

max-height: 120px

min-height: 120px

overflow: hidden

transition: max-height ease-out 0.2s}.box:hover{

max-height: 500px

transition: max-height ease-in 0.2s}

如果是div的话就用css里面的"min-height:300px"表示这个表格的最小高度是300像素,最大无限

如果是table的话,直接在内容td里面写一个<td height="300">就OK了。ps:300px是我举的例子,数值你自己改