Opera 中的 CSS3 缩放转换中断

Question

在我的 HTML 页面构成中，我有一些带有图像和文本的“div”块：

当我像这样使用 JQuery 进行块转换时：

$(elem).css({
'transform': 'scale(2)',
'transition-property': 'all',
'transition-duration': '1s',
});

它在 Firefox 和 Chrome 中运行良好，但在 Opera 转换中看起来很丑，因为它很生涩。但我想要像 Chrome 和 Firefox 那样流畅的动作。当我从我的块中删除文本并且“div”块只包含图像时，它在所有浏览器中都运行良好。有什么问题？我认为它与块中的文本相关联。但是怎么做呢？

Answer 1

我在 Opera 上遇到了类似的问题：分配给元素悬停状态的转换破坏了分配给元素的转换。 解决方案是向元素及其悬停状态添加所有转换。

对于您的问题，这意味着在更改其比例之前尝试将transform: scale(1) 分配给您的"$(elem)"。