display与transition搭配使用无过渡效果

2020-05-19 376 阅读1分钟

如题，如果期望实现从display：none到display：XXX的渐变效果，我们使用transition来实现的话，将不会出现期望的效果。
原因是display:none的dom元素脱离了文档流，因此transition的过渡动画是不起作用的，为此我们可以使用opacity或者visibile来搭配transition来实现过渡动画。