MASTORSCDN TRANSFORM DOCUMENTATION

Preview	Class Names	HTML Declaration
Scale Transformations
1.0	`.scale-00` to `.scale-29`	`<div class="scale-XX">Content</div>` (XX ranges from 00 to 29, e.g., 0.0 to 2.9)
Rotate Transformations
ROTATE-45°	`.rotate-0` to `.rotate-360`	`<div class="rotate-XXX">Content</div>` (XXX ranges from 0 to 360 degrees)
Positioning with Transforms
CENTER	`.transform-center`, `.transform-centered`, `.abs-centered`, `.abs-center`, `.centered`	`<div class="transform-center">Content</div>`
	`.transform-center-top`, `.abs-center-top`, `.center-top`, `.transform-top-center`, `.abs-top-center`, `.top-center`	`<div class="transform-center-top">Content</div>`
X-CENTER	`.transform-x-center`, `.center-horizontal`, `.abs-center-horizontal`, `.abs-x-center`, `.x-center`, `.transform-center-x`, `.horizontal-center`, `.abs-horizontal-center`, `.abs-center-x`, `.center-x`	`<div class="transform-x-center">Content</div>`
Y-CENTER	`.transform-y-center`, `.center-vertical`, `.abs-center-vertical`, `.abs-y-center`, `.y-center`, `.vertical-center`, `.transform-center-y`, `.abs-vertical-center`	`<div class="transform-y-center">Content</div>`
BOTTOM	`.transform-center-bottom`, `.abs-center-bottom`, `.center-bottom`, `.transform-bottom-center`, `.abs-bottom-center`, `.bottom-center`	`<div class="transform-center-bottom">Content</div>`
LEFT	`.transform-left-center`, `.abs-left-center`, `.left-center`, `.transform-center-left`, `.abs-center-left`, `.center-left`	`<div class="transform-left-center">Content</div>`
RIGHT	`.transform-right-center`, `.abs-right-center`, `.right-center`, `.transform-center-right`, `.abs-center-right`, `.center-right`	`<div class="transform-right-center">Content</div>`
FIXED	`.fixed-center`, `.fixed-abs-center`, `.fixed-full-center`	`<div class="fixed-center">Content</div>`
TOP	`.fixed-top-center`, `.fixed-center-top`, `.fixed-abs-top-center`	`<div class="fixed-top-center">Content</div>`
BOTTOM	`.fixed-bottom-center`, `.fixed-center-bottom`, `.fixed-abs-bottom-center`	`<div class="fixed-bottom-center">Content</div>`
TL	`.abs-top-left`, `.abs-left-top`, `.top-left`	`<div class="abs-top-left">Content</div>`
TR	`.abs-top-right`, `.abs-right-top`, `.top-right`	`<div class="abs-top-right">Content</div>`
BL	`.abs-bottom-left`, `.abs-left-bottom`, `.bottom-left`	`<div class="abs-bottom-left">Content</div>`
BR	`.abs-bottom-right`, `.abs-right-bottom`, `.bottom-right`	`<div class="abs-bottom-right">Content</div>`
OFFSET-Y	`.abs-center-offset`, `.abs-offset-center`, `.center-offset`	`<div class="abs-center-offset">Content</div>`
OFFSET-X	`.abs-center-offset-x`, `.abs-offset-center-x`, `.center-offset-x`	`<div class="abs-center-offset-x">Content</div>`
TL-QTR	`.abs-top-left-quarter`, `.abs-quarter-top-left`, `.top-left-quarter`	`<div class="abs-top-left-quarter">Content</div>`
TR-QTR	`.abs-top-right-quarter`, `.abs-quarter-top-right`, `.top-right-quarter`	`<div class="abs-top-right-quarter">Content</div>`
BL-QTR	`.abs-bottom-left-quarter`, `.abs-quarter-bottom-left`, `.bottom-left-quarter`	`<div class="abs-bottom-left-quarter">Content</div>`
BR-QTR	`.abs-bottom-right-quarter`, `.abs-quarter-bottom-right`, `.bottom-right-quarter`	`<div class="abs-bottom-right-quarter">Content</div>`
TOP-PAD	`.abs-top-padded`, `.abs-padded-top`, `.top-padded`	`<div class="abs-top-padded">Content</div>`
BTM-PAD	`.abs-bottom-padded`, `.abs-padded-bottom`, `.bottom-padded`	`<div class="abs-bottom-padded">Content</div>`
LEFT-PAD	`.abs-left-padded`, `.abs-padded-left`, `.left-padded`	`<div class="abs-left-padded">Content</div>`
RIGHT-PAD	`.abs-right-padded`, `.abs-padded-right`, `.right-padded`	`<div class="abs-right-padded">Content</div>`
FULL-W	`.abs-full-width-center`, `.abs-center-full-width`, `.full-width-center`	`<div class="abs-full-width-center">Content</div>`
FULL-H	`.abs-full-height-center`, `.abs-center-full-height`, `.full-height-center`	`<div class="abs-full-height-center">Content</div>`
TL-BR	`.abs-diagonal-tl-br`, `.abs-tl-br-diagonal`, `.diagonal-tl-br`	`<div class="abs-diagonal-tl-br">Content</div>`
TR-BL	`.abs-diagonal-tr-bl`, `.abs-tr-bl-diagonal`, `.diagonal-tr-bl`	`<div class="abs-diagonal-tr-bl">Content</div>`
MAX	`.abs-center-max`, `.abs-max-center`, `.center-max`	`<div class="abs-center-max">Content</div>`
TOP-EDGE	`.abs-top-edge-offset`, `.abs-edge-top-offset`, `.top-edge-offset`	`<div class="abs-top-edge-offset">Content</div>`
BTM-EDGE	`.abs-bottom-edge-offset`, `.abs-edge-bottom-offset`, `.bottom-edge-offset`	`<div class="abs-bottom-edge-offset">Content</div>`