Rotation

From Frontal Wiki

Purpose

This style sets the amount to which an element is rotated.

Value

The rotation style accepts both positive and negative decimal values; values should represent angles or degrees. A positive value will rotate the element clockwise, whereas a negative value will rotate the element counter-clockwise. A value of 0 will not rotate the image. The default value is 0. Rotation is a non-cascading style.

rotation: 90;

Remarks

Text cannot be rotated, therefore neither text elements, input elements nor form elements can be rotated. The point at which rotation occurs within an element is determined by its movie-registration-x and movie-registration-y.

Example

Here we have an image (img) set to a rotation of 45.

<style><![CDATA[
	img
		{
	                rotation: 45;
			movie-registration-x: 200px;
			movie-registration-y: 200px;
                        margin: auto;
		}
 
]]></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
• video