代码之家 › 专栏 › 技术社区 › user7937949

无自动的CSS宽度转换

css-transitions width css

user7937949 · 技术社区 · 8 年前

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

1 回复 | 直到 8 年前

Dennis Spierenburg 8 年前

宽度自动和固定宽度无法设置动画。您可以更改最大宽度。

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

我希望这有帮助

推荐文章

Luckkks · 过渡色工作不正常

1 年前

BogisW · CSS动画按钮/悬停时为span内容文本添加CSS转换

2 年前

markisawesome4 · 按钮:当您将鼠标移离按钮时,悬停时显示的内容下移后

2 年前

Bruno Oliveira · 如何在CSS转换完成后调用函数-React

3 年前

Ancross · 为什么我的小CSS动画不会触发?

4 年前

Jorge · :before和:after伪元素以接收过渡效果

8 年前

Arsalan Khattak · 线性渐变过渡

8 年前

Albert qerimi · 将鼠标悬停在具有CSS变换比例的div上后添加动画

8 年前

Paul · 悬停时变换比例不缩放

8 年前

Willem van der Veen · CSS转换结合JS clickEvent

8 年前