背景图像上的抖动和波涛汹涌的 CSS 缩放变换

Question

我有一个背景图片，它的父 div 带有一个 transform: scale 并应用了动画，当你登陆页面时，背景图片会慢慢放大。

除了 10/11 之外，它在所有方面都呈现完美。我已经添加了所有适当的前缀，但仍然在 ie 中得到一个非常不稳定和波涛汹涌的动画。

我研究并应用了加速技巧，但没有任何效果。

有没有人有解决方案或看到过类似的东西？

谢谢！

Answer 1

我遇到了同样的问题，但只是使用图像，而不是背景图像，对我来说，解决方案是将 transform: rotate(0.01deg); 提供给缩放元素的父级。

当然你会有一个最小的旋转，所以这取决于你的 css 代码，如果这不会导致另一个问题。

Answer 2

很可能是因为它是一张图像，并且在进行转换时没有“中间”像素渲染。我不确定现在是否有解决此问题的方法。

您可以尝试在画布中进行，但我知道这通常不是理想的路线。