在Firefox上的jQuery动画缩放

我将你的鼠标悬停在特定元素上的效果非常好，并且它的缩放比例更大。我这样做只是用：？在Firefox上的jQuery动画缩放

问题是，这并不在Firefox上工作:(我现在读的是Firefox是不支持CSS变焦唯一的浏览器似乎很奇怪......有啥以动画使用jQuery变焦机构之上？

最好的办法

2011-03-17 at.

CSS3转换应该可以帮到你。 – kapa 2011-03-17 11:50:32

@bazmegakapa，我可以轻松地使用jQuery为css3转换动画效果吗？ – 2011-03-17 12:02:32

AFAIK不是，但有一个轻量级的插件：https：//github.com/lrbabe/jquery.transform.js – kapa 2011-03-17 12:11:14

可以用户的CSS与尺度变换，都在你的CSS。

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

2011-03-17 11:49:12 GMO

嗯，这绝对有效，但不是动画。它只是立即弹出。我想我必须用setInterval实现我自己的动画机制？ – 2011-03-17 12:02:12

只是阅读一些Firefox文档，看起来像0.5s变换应该动画，但只适用于Firefox 4.0，而我有3.6。 – 2011-03-17 12:05:25

FF4将于下周发布;）。我认为你应该检测像Modernizr这样的“转换”和“转换”规则，并在不完全支持的情况下使用jQuery。 – GMO 2011-03-17 13:28:14

您可以使用CSS3 transforms，像

-moz-transform: scale(2); 
-webkit-transform: scale(2); 
-o-transform: scale(2);

，但目前你不能用基本的jQuery为它们制作动画。

但是，您可以使用一个jQuery插件，如jquery.transform.js。

请注意IE9也支持transform属性，我在this SO question找到了一些关于它的信息。

2011-03-17 12:23:32 kapa

回答