问题描述
我正在使用scale（）和translate3d（）变换在悬停时设置标题。我的Typescript会在三个不同的div上进行mousemove侦听，并相应地更改svg图像的translate3d样式。
在Chrome和Edge上一切正常，但是在Firefox上动画效果不佳。因此，性能似乎在scale（）转换期间下降，有时甚至在translate3d（）期间下降。我做了这个stackblitz是为了重现我的问题。
我知道这里已经讨论了浏览器之间的性能，但是我尝试了遇到的每个解决方案都没有成功：
- 使用便宜的动画进行变换，而不是更改元素的宽度/边距
- 固定元素的绝对位置
- 更改背面可见性
- 使用意志转变
- 欺骗浏览器以将硬件加速与translateZ（）或rotateZ（）一起使用
我仍然使用padding-top方法制作div方块，但是即使我将其删除，滞后也会持续存在。
是否有一种方法可以调整动画以减少cpu使用量？为何Firefox无法处理这些问题？
预先感谢您的任何建议。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）