用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