没有自动的CSS宽度转换

时间:2018-04-20 14:39:50

标签: css width css-transitions

我有一个问题,我的CSS动画从头到尾直接跳跃,问题似乎与this post中回答的问题有关。我的问题是:如何在不实际使用auto关键字的情况下将宽度从x像素转换为“自动”?

1 个答案:

答案 0 :(得分:2)

自动宽度和固定宽度无法设置动画。你可以做的是改变最大宽度。

.element{
   max-width: 0;
   width: 0;
   transition: your transition style
}
.element.active{
   max-width: 9999px;
   width: auto;
}

我希望这会有所帮助