如何使用-moz-transform進行縮放？

任何機構都有一個很好的例子，顯示如何使用-moz-transform的比例？如何使用-moz-transform進行縮放？

2010-07-20 Mithun Sreedharan

我給你做了個快速的例子。演示：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>

來源

2010-07-20 10:21:34

dos html5 doc類型是必須的嗎？ – 2010-07-20 10:31:34

@Mithun：不，HTML5 DOCTYPE不需要這個例子的工作。理解專有的「-moz-transform」CSS屬性的瀏覽器是。 – 2010-07-20 18:44:33

您應該知道的一個問題是，FF從中間縮放，而所有其他使用'zoom'css屬性的瀏覽器從右上角縮放。 – 2012-02-11 16:02:30

這裏是CSS的市長瀏覽器值刻度（2,4）的一個例子變換成其原始大小的兩倍的寬度，並且高度的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 */ 
}

來源

2012-06-07 15:52:56 chatoxz

當使用縮放（或旋轉）變換時，您可能需要設置原點。

transform-origin: top left;

以獲得您正在尋找的效果。

來源

2014-07-09 17:04:25 Davorama

如何使用-moz-transform進行縮放？

回答

相關問題