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)"。