Class: CssTransformBuilder
A utility class for building CSS transforms.
Constructors
constructor
• new CssTransformBuilder(): CssTransformBuilder
Returns
Methods
concat
▸ concat<T>(...transforms): CssTransformChain<T>
Concatenates zero or more CSS transformations.
Type parameters
| Name | Type |
|---|---|
T | extends CssTransform[] |
Parameters
| Name | Type | Description |
|---|---|---|
...transforms | T | The individual transforms to concatentate. The order of the transforms passed to the function determines the order of concatenation. Concatenation follows the standard CSS transform convention: for a concatenation of transforms [A, B, C], the resulting transformation is equivalent to the one produced by multiplying the transformation matrices in the order (A * B) * C. |
Returns
A new CssTransformChain object representing the concatenation of the specified transforms.
Defined in
src/sdk/graphics/css/CssTransform.ts:725
matrix
▸ matrix(): CssMatrixTransform
Creates a new instance of a CSS matrix transform, initialized to the identity transformation.
Returns
A new instance of a CSS matrix transform, initialized to the identity transformation.
Defined in
src/sdk/graphics/css/CssTransform.ts:607
rotate
▸ rotate(unit): CssRotateTransform
Creates a new instance of a CSS rotate transform, initialized to zero rotation.
Parameters
| Name | Type | Description |
|---|---|---|
unit | "rad" | "deg" | The angle unit to use for the new transform. |
Returns
A new instance of a CSS rotate transform, initialized to zero rotation.
Defined in
src/sdk/graphics/css/CssTransform.ts:616
rotate3d
▸ rotate3d(unit): CssRotate3dTransform
Creates a new instance of a CSS rotate3d transform, initialized to zero rotation about the z axis.
Parameters
| Name | Type | Description |
|---|---|---|
unit | "rad" | "deg" | The angle unit to use for the new transform. |
Returns
A new instance of a CSS rotate3d transform, initialized to zero rotation about the z axis.
Defined in
src/sdk/graphics/css/CssTransform.ts:625
scale
▸ scale(): CssScaleTransform
Creates a new instance of a CSS scale transform, initialized to the identity scaling.
Returns
A new instance of a CSS scale transform, initialized to the identity scaling.
Defined in
src/sdk/graphics/css/CssTransform.ts:705
scale3d
▸ scale3d(): CssScale3dTransform
Creates a new instance of a CSS scale3d transform, initialized to the identity scaling.
Returns
A new instance of a CSS scale3d transform, initialized to the identity scaling.
Defined in
src/sdk/graphics/css/CssTransform.ts:713
scaleX
▸ scaleX(): CssScaleXTransform
Creates a new instance of a CSS scaleX transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleX transform, initialized to the identity scaling.
Defined in
src/sdk/graphics/css/CssTransform.ts:681
scaleY
▸ scaleY(): CssScaleYTransform
Creates a new instance of a CSS scaleY transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleY transform, initialized to the identity scaling.
Defined in
src/sdk/graphics/css/CssTransform.ts:689
scaleZ
▸ scaleZ(): CssScaleZTransform
Creates a new instance of a CSS scaleZ transform, initialized to the identity scaling.
Returns
A new instance of a CSS scaleZ transform, initialized to the identity scaling.
Defined in
src/sdk/graphics/css/CssTransform.ts:697
translate
▸ translate(unitX, unitY?): CssTranslateTransform
Creates a new instance of a CSS translate transform, initialized to zero translation.
Parameters
| Name | Type | Description |
|---|---|---|
unitX | string | The unit to use for the new transform's x translation. |
unitY? | string | The unit to use for the new transform's y translation. |
Returns
A new instance of a CSS translate transform, initialized to zero translation.
Defined in
src/sdk/graphics/css/CssTransform.ts:662
translate3d
▸ translate3d(unitX, unitY?, unitZ?): CssTranslate3dTransform
Creates a new instance of a CSS translate3d transform, initialized to zero translation.
Parameters
| Name | Type | Description |
|---|---|---|
unitX | string | The unit to use for the new transform's x translation. |
unitY? | string | The unit to use for the new transform's y translation. |
unitZ? | string | The unit to use for the new transform's z translation. |
Returns
A new instance of a CSS translate3d transform, initialized to zero translation.
Defined in
src/sdk/graphics/css/CssTransform.ts:673
translateX
▸ translateX(unit): CssTranslateXTransform
Creates a new instance of a CSS translateX transform, initialized to zero translation.
Parameters
| Name | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateX transform, initialized to zero translation.
Defined in
src/sdk/graphics/css/CssTransform.ts:634
translateY
▸ translateY(unit): CssTranslateYTransform
Creates a new instance of a CSS translateY transform, initialized to zero translation.
Parameters
| Name | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateY transform, initialized to zero translation.
Defined in
src/sdk/graphics/css/CssTransform.ts:643
translateZ
▸ translateZ(unit): CssTranslateZTransform
Creates a new instance of a CSS translateZ transform, initialized to zero translation.
Parameters
| Name | Type | Description |
|---|---|---|
unit | string | The unit to use for the new transform. |
Returns
A new instance of a CSS translateZ transform, initialized to zero translation.
Defined in
src/sdk/graphics/css/CssTransform.ts:652