Movie-registration-y

From Frontal Wiki

Purpose

This style sets the registration point of a visual element for rotation and scaling.

Value

A pixel or percentage value. If a percentage, the value is calculated like a normal percentage, i.e., as a percentage of the containing block's dimensions.

movie-registration-y: 50px;

Remarks

The default registration point is the top-left corner of the visual element.

Example

Rolling over the red 'div' scales and rotates it around its center. The blue 'div' scales and rotates it around its top, left corner.

<style><![CDATA[
	div
		{
			style-tween-ease: fl.transitions.easing.Strong.easeInOut;
			style-tween-duration: 10;
			style-tween-use-secs: false;
 
			width: 100px;
			height: 100px;
			scale: 1;
		}
	div:hover
		{
			scale: 2;
			rotation: 90;
		}
	#div1
		{
			movie-registration-x: 50px;
			movie-registration-y: 50px;
			background-color: red;
			top: 10%;
			left: 200px;
		}
	#div2
		{
			background-color: blue;
			bottom: 90%;
			left: 200px;
		}
]]></style>
<div id="div1" />
<div id="div2" />

Can Be Applied To

This style can be applied to any visual element:

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