Scale

From Frontal Wiki

Purpose

This style sets the amount at which an element is scaled.

Value

The scale style accepts decimal values greater than 0. A value of 1 will scale the element with the element's default width and height, and anything greater than 1 will scale the element greater than the original width and height. The default value is 1.

scale: 1;

Remarks

Scale does not distort the element; it keeps the original width to height ratio as it sizes the element. The point at which scaling occurs within an element is determined by its movie-registration-x and movie-registration-y.

Example

Here we have an image (img) whose scale is set to .25 on mouse down and reset to 1 on mouse up.

<style><![CDATA[
	img
		{
	                scale: 1;
			movie-registration-x: 200px;
			movie-registration-y: 200px;
		}
        img:active
                {
                        scale: .25;
                }
 
 
]]></style>
 
<img src="http://www.frontalcode.com/assets/images/image_1.jpg" />

Can Be Applied To

This style can be applied to:

• div
• document
• img
• text
• video
• form
• input