Function buildTransform

Parameters

• transform: ResolvedValues

• __namedParameters: DOMVisualElementOptions

• transformIsDefault: boolean

• Optional transformTemplate: ((transform, generatedTransform) => string)

  • • (transform, generatedTransform): string

    • By default, Framer Motion generates a transform property with a sensible transform order. transformTemplate can be used to create a different order, or to append/preprend the automatically generated transform property.

      <motion.div
        style={{ x: 0, rotate: 180 }}
        transformTemplate={
          ({ x, rotate }) => `rotate(${rotate}deg) translateX(${x}px)`
        }
      />
      Copy

      Parameters

      • transform: TransformProperties

        The latest animated transform props.

      • generatedTransform: string

        The transform string as automatically generated by Framer Motion

      Returns string