使用transition影响其他元素样式问题 - VueClub

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

未使用transition时的情况：

noneeffect

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>noneeffect.png812×115 17.8 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

![noneeffect](https://forum.vuejs.org/uploads/default/original/3X/9/2/92d544a2a06dd74da57d7ccffc0a8eca09494b4c.gif)

使用transition后的情况：

effect

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>effect.png827×107 18.4 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

effect

加了transition后，显示遮罩层时，后面的元素明显抖了一下，请问大家怎么看？

回到顶部