css3 transition控制opacity显示的时候，其他元素会出现模糊的效果
codePen演示地址
https://codepen.io/kuckboy/pen/rzbbdR
说明
- codePen中js前470行是我写的插件，后面的是调用的代码。
- 主要是操作了opacity属性从0到1，从1到0。不知道问题出在哪里了。。。。
具体操作
点击展开和收起的时候，动画会出现模糊和偏移。
猜想
- 是否是前面的元素盖在上面，变化的时候，变模糊了？。。。
- 难道要使用transform3d，类似启用硬件加速？？？？。。 尝试改成transform3d(,,0)之后，文字就一直很糊。
- 在chrome控制台中（Rendering->Enable paint flashing）可以看到,没有控制的其他元素也发生了变化。
求助
I need help.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
top/left 变化会导致重排（ reflow/relayout ）。
因为你使用了
transition: all 1s linear;这个重排的过程被放慢了，所以你看到了“偏移”。你这个有意思。。点上边那个按钮，左下角那个也动。。你还是把css拿出来写吧。。
偏移没看出来，模糊是因为transform的问题，参考下这篇文章transform
楼主你这个问题解决了没有？我也遇到这个问题了