用CSS过渡动画最大高度

我想创建仅由类名支持的展开/折叠动画(使用JavaScript来切换类名)。

我要上一堂课 max-height: 4em; overflow: hidden;

另一个max-height: 255em;(我也尝试过value none,它根本没有动画)

进行动画处理: transition: max-height 0.50s ease-in-out;

我使用CSS过渡在它们之间进行切换,但是浏览器似乎在为所有这些多余em的动画设置动画,因此它会延迟折叠效果。

有没有办法做到这一点(本着同样的精神-

使用CSS类名)没有副作用(我可以减少像素数,但是显然有缺点,因为它可能会切断合法文本)-价值高的原因,因此它不会切断合法的长文本,而只会切断可笑的长文本)

回答:

万一有人在读这个,我还没有找到解决方案,而是采用了仅扩展效果(通过将transition样式移至扩展类定义来实现)

以上是 用CSS过渡动画最大高度 的全部内容, 来源链接: utcz.com/qa/419964.html

回到顶部