Compass Transform

Safari is the only browser that currently supports 3D transforms.
Because of that it can be important to control whether a given 2D transform
uses the full range of experimental browser prefixes, or only the 3D list.
To make that easy, all 2D transforms include an browser-targeting toggle ($only3d)
to switch between the two support lists. The toggle defaults to 'false' (2D),
and also accepts 'true' (3D). Currently the lists are as follows:
2D: Mozilla, Webkit, Opera, Official
3D: Webkit, Official **(Only Safari Supports 3D perspective)**

This file can be imported using:
@import "compass/css3/transform"

Imports

Browser Support
– Provides configuration options for the Compass Browser Support Matrix.

where 'perspective' is a unitless number representing the depth of the
z-axis. The higher the perspective, the more exaggerated the foreshortening.
values from 500 to 1000 are more-or-less "normal" - a good starting-point.

where the 'scale-' arguments are unitless multipliers of the x and y dimensions
and perspective, which works the same as the stand-alone perspective property/mixin
but applies to the individual element (multiplied with any parent perspective)

Rotate an object around an arbitrary axis (3D)
@include rotate( [ vector-x, vector-y, vector-z, rotation, perspective ] )
where the 'vector-' arguments accept unitless numbers.
These numbers are not important on their own, but in relation to one another
creating an axis from your transform-origin, along the axis of Xx = Yy = Zz.