Как использовать масштабирование с -moz-transform? - PullRequest
Новая
       12

Как использовать масштабирование с -moz-transform?

4 голосов
/ 20 июля 2010

У любого тела есть хороший пример, показывающий, как использовать масштаб с -moz-transform ?

Ответы [ 3 ]

9 голосов
/ 20 июля 2010

Страница MDC, на которую вы ссылались , на самом деле объясняет это очень хорошо.

Я сделал вам быстрый пример.Демо: 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>
6 голосов
/ 07 июня 2012

вот пример 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 */
}
2 голосов
/ 09 июля 2014

При использовании преобразования масштаба (или поворота) вам может потребоваться установить начало координат. 

  transform-origin: top left;

, чтобы получить искомый эффект.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...