如何解决CSS仅在Firefox上转换缩放和转换延迟
我正在使用scale（）和translate3d（）变换在悬停时设置标题。我的Typescript会在三个不同的div上进行mousemove侦听，并相应地更改svg图像的translate3d样式。
在Chrome和Edge上一切正常，但是在Firefox上动画效果不佳。因此，性能似乎在scale（）转换期间下降，有时甚至在translate3d（）期间下降。我做了这个stackblitz是为了重现我的问题。
我知道这里已经讨论了浏览器之间的性能，但是我尝试了遇到的每个解决方案都没有成功：
- 使用便宜的动画进行变换，而不是更改元素的宽度/边距
- 固定元素的绝对位置
- 更改背面可见性
- 使用意志转变
- 欺骗浏览器以将硬件加速与translateZ（）或rotateZ（）一起使用
我仍然使用padding-top方法制作div方块，但是即使我将其删除，滞后也会持续存在。
是否有一种方法可以调整动画以减少cpu使用量？为何Firefox无法处理这些问题？
预先感谢您的任何建议。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。