Type Alias Transform

Type Declaration

• {
      type: "translate";
      value: [
          DimensionPercentageFor_LengthValue,
          DimensionPercentageFor_LengthValue,
      ];
  }

  • type: "translate"

  • value: [DimensionPercentageFor_LengthValue, DimensionPercentageFor_LengthValue]

    Min Items

    2

    Max Items

    2

• { type: "translateX"; value: DimensionPercentageFor_LengthValue }
• { type: "translateY"; value: DimensionPercentageFor_LengthValue }
• { type: "translateZ"; value: Length }
• {
      type: "translate3d";
      value: [
          DimensionPercentageFor_LengthValue,
          DimensionPercentageFor_LengthValue,
          Length,
      ];
  }

  • type: "translate3d"

  • value: [DimensionPercentageFor_LengthValue, DimensionPercentageFor_LengthValue, Length]

    Min Items

    3

    Max Items

    3

• { type: "scale"; value: [NumberOrPercentage, NumberOrPercentage] }

  • type: "scale"

  • value: [NumberOrPercentage, NumberOrPercentage]

    Min Items

    2

    Max Items

    2

• { type: "scaleX"; value: NumberOrPercentage }
• { type: "scaleY"; value: NumberOrPercentage }
• { type: "scaleZ"; value: NumberOrPercentage }
• {
      type: "scale3d";
      value: [NumberOrPercentage, NumberOrPercentage, NumberOrPercentage];
  }

  • type: "scale3d"

  • value: [NumberOrPercentage, NumberOrPercentage, NumberOrPercentage]

    Min Items

    3

    Max Items

    3

• { type: "rotate"; value: Angle }
• { type: "rotateX"; value: Angle }
• { type: "rotateY"; value: Angle }
• { type: "rotateZ"; value: Angle }
• { type: "rotate3d"; value: [number, number, number, Angle] }

  • type: "rotate3d"

  • value: [number, number, number, Angle]

    Min Items

    4

    Max Items

    4

• { type: "skew"; value: [Angle, Angle] }

  • type: "skew"

  • value: [Angle, Angle]

    Min Items

    2

    Max Items

    2

• { type: "skewX"; value: Angle }
• { type: "skewY"; value: Angle }
• { type: "perspective"; value: Length }
• { type: "matrix"; value: MatrixForFloat }
• { type: "matrix3d"; value: Matrix3DForFloat }