代码之家 › 专栏 › 技术社区 › Mithun Sreedharan Kuldeep Modi

如何使用scale和-moz转换?

transform css3 firefox css

4

Mithun Sreedharan Kuldeep Modi · 技术社区 · 16 年前

任何主体都有一个很好的示例,演示如何使用比例 -moz-transform ?

3 回复 | 直到 12 年前

1

9

Mathias Bynens 16 年前

The MDC page you linked to 事实上解释得很好。

我给你举了个很快的例子。演示: http://jsfiddle.net/SZ87b/1/ 代码:

<!doctype html>
<title>-moz-transform scale example</title>
<style>
 p { font-size: 5em; text-align: center; }
 p:hover { -moz-transform: scale(2); }
</style>
<p>Foo bar</p>

2

5

Chatoxz 14 年前

下面是一个用于市长浏览器的CSS示例值比例(2,4)将宽度转换为原始大小的两倍,高度转换为原始大小的四倍。

div{
transform: scale(2,4);
-ms-transform: scale(2,4); /* IE 9 */
-webkit-transform: scale(2,4); /* Safari and Chrome */
-o-transform: scale(2,4); /* Opera */
-moz-transform: scale(2,4); /* Firefox */
}

3

2

Davorama 12 年前

使用缩放(或旋转)变换时,可能需要设置原点。

  transform-origin: top left;

为了达到你想要的效果。