Micro Scale Fade

// src/Root.tsx
import { Composition } from "remotion";
import { MicroScaleFade } from "@/components/remocn/micro-scale-fade";
 
const MicroScaleFadeScene = () => (
  <MicroScaleFade text="Welcome to motion." scaleFrom={0.96} />
);
 
export const RemotionRoot = () => (
  <Composition
    id="MicroScaleFade"
    component={MicroScaleFadeScene}
    durationInFrames={60}
    fps={30}
    width={1280}
    height={720}
  />
);

import { Composition } from "remotion";
import { MicroScaleFade } from "@/components/remocn/micro-scale-fade";
import { Backdrop } from "@/components/remocn/backdrop";
 
const MicroScaleFadeScene = () => (
  <Backdrop fill={{ type: "color", value: "#ffffff" }}>
    <MicroScaleFade text="Welcome to motion." scaleFrom={0.96} />
  </Backdrop>
);
 
export const RemotionRoot = () => (
  <Composition
    id="MicroScaleFade"
    component={MicroScaleFadeScene}
    durationInFrames={60}
    fps={30}
    width={1280}
    height={720}
  />
);