Menu
Any body has a Good example showing how to use scale with -moz-transform ?
639
Using a scale rule is pretty easy when you know how. When you are drawing a plan, you select the scale you intend to use by turn the ruler to the appropriate side. You can then draw the line to the desired measurement using the scale ruler.
If the scale factor is a fraction, the shape will be smaller. This is called reduction. Therefore, a 1/2 scaling factor means that the new shape is half of the original shape.
The ratio is marked at the left end of the scale. For example, the scale of 1:50 means that 1 mm on the drawing represents 50 mm on the object. This means that the object is 50 times larger than the drawing of it. An object 450 mm long would be represented by a line 9 mm long (450 mm/50).
Half Size. The principle of half size measurements on a drawing is simply letting a unit, such as 1/2” on the scale, represent a larger unit such as 1” on the drawing. If the drawing is properly labeled, the words HALF SIZE or 1/2″= 1′ will appear in the title block.
The MDC page you linked to actually explains it 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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
