Question

我在悬停时使用css3比例转换，我想为Internet Explorer用户重新创建效果。是否有任何平滑，类似的功能来实现这一目标？我看着用百分比改变宽度/高度，但它不能很好地工作，所以我刮了那条路。

Answer 1

您可以使用：

zoom: 2; /* IE */
-moz-transform: scale(2); /* Firefox */
-moz-transform-origin: 0 0;
-o-transform: scale(2); /* Opera */
-o-transform-origin: 0 0;
-webkit-transform: scale(2); /* Safari And Chrome */
-webkit-transform-origin: 0 0;

另外，如果你可以在CSS中做到这一点，不要在JS中这样做。 CSS是硬件，而JS不是。

或者Joe-R指出你可以使用“-ms”前缀。请在此处查看：http://caniuse.com/#search=transform

-ms-transform: scale(2); /* Internet explorer*/
-ms-transform-origin: 0 0;

Answer 2

您是否知道转换在IE9上使用-ms前缀？

否则，请查看jQuery和hover函数。

Answer 3

由于CSS3处理它的方式（通过缩放你选择的包含对象中的每个子元素），没有CSS3就很难做到。您可以随时更改事物的宽度，高度和字体大小，甚至可以为其设置动画。

Javascript中CCS3规模变换的等价物是什么？

3 个答案: