设置属性可见性时，为什么元素表单及其子元素隐藏缓慢：隐藏在表单上？

Question

谁都知道为什么将元素form和它的子元素设置为隐藏时会缓慢隐藏，而将display：none设置为form时，表单及其子元素会很快隐藏。如果元素形式及其子元素隐藏缓慢，则用户体验不好

我查看了这些信息，但这全都与dom树是否受到影响有关，而不是有关如何渲染元素形式及其子元素的。 可以在以下站点上复制场景：https://ng.ant.design/components/form/en#components-form-demo-horizontal-login，页面中的第一个示例就是我遇到的问题，您可以按F12键测试我看到的内容。 这是img和gif，可以帮助您了解场景：

enter link description here

Answer 1

最可能的解释是，您在表单元素上设置了transition属性。

这是告诉浏览器过渡样式更改。 visibility是可设置动画的属性，而display不是可设置动画的属性。

这就是为什么只在visibility上看到它的原因。

尝试设置以下内容： transition: none!important（如果它停止发生）。