Reference
CSS Properties

Transform Origin

Affects the pivot point for scale and rotate. By default it is at the center.

Valid values are:

  • Positional keyword: top, right, bottom, left, center, top left etc.
  • Pixel value: 50px 20px
  • Percentage values: 50% 20%, 40px 50% etc.
export default function App() {
  return <view className="items">
    <view style={{ transformOrigin: "initial" }} />
    <view style={{ transformOrigin: "40px 40px" }} />
    <view style={{ transformOrigin: "top left" }} />
    <view style={{ transformOrigin: "bottom right" }} />
  </view>;
}
PreviousScaleNextTranslate