【问题标题】:Shaky & Choppy CSS Scale Transform on Background Image背景图像上的抖动和波涛汹涌的 CSS 缩放变换
【发布时间】:2015-11-07 01:15:15
【问题描述】:

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

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

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

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

谢谢!

【问题讨论】:

  • 你能提供一个复制品吗?

标签: css internet-explorer transform scale


【解决方案1】:

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

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

【讨论】:

  • 这对我来说非常有用,并且确实为一个在很多地方严重依赖平滑缩放效果的项目节省了用户体验。谢谢!
【解决方案2】:

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

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

【讨论】:

    猜你喜欢
    • 2015-12-20
    • 1970-01-01
    • 1970-01-01
    • 2021-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-21
    • 2012-02-29
    相关资源
    最近更新 更多