All geek questions in one place

How to use scale with -moz-transform?

Any body has a good example showing how to use scale with -moz-transform ?

+4
source share
3 answers

The MDC page you linked to actually explains this pretty well.

I made you a quick example. Demo: http://jsfiddle.net/SZ87b/1/ Code:

<!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>
+9
source

here is a css example for the mayor’s browsers. The scale of values ​​(2,4) converts the width twice as much as its original size, and its height is 4 times its original size.

 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 */ }
+5
source

When using scaling (or rotation), you may need to set the origin.

  transform-origin: top left;

to get the effect you are looking for.

+2
source

Source: https://habr.com/ru/post/1316264/

More articles:


All Articles