在Firefox上的jQuery动画缩放

Question

我有一个很好的效果,你将鼠标悬停在一个特定的元素上,它扩展得更大.我这样做只是为了:

$('#element_to_scale').live('mouseenter', function() {
    $(this).stop().animate({zoom: 2});
}).live('mouseleave', function() {
    $(this).stop().animate({zoom: 1});
});

问题是这对firefox不起作用:(.我现在读到firefox是唯一不支持css zoom的浏览器？看起来很奇怪......那么用jQuery制作缩放机制的最佳方法是什么？

Answer 1

您可以在css中使用scale进行css转换.

#element_to_scale {
    -moz-transition: transform 0.5s linear 0s;
}
#element_to_scale:hover {
    -moz-transform: scale(2);
}