lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
33 lines (32 loc) • 951 B
TypeScript
export interface ScrollPara3DProps {
/**
* The text lines to reveal in 3D space.
*/
lines: string[];
className?: string;
containerClassName?: string;
textClassName?: string;
/**
* The perspective depth distance in pixels.
* Less = more extreme 3D depth/stretch.
* @default 600
*/
perspective?: number;
/**
* The tilt angle of the text floor plane (rotateX degrees).
* @default 50
*/
angle?: number;
/**
* How much extra scrolling space to pin for the animation.
* Multiplier based on content height.
* @default 1.2
*/
scrubSpeed?: number;
/**
* Font size in rem for each text line.
* @default 3.5
*/
fontSize?: number;
}
export declare function ScrollPara3D({ lines, className, containerClassName, textClassName, perspective, angle, scrubSpeed, fontSize, }: ScrollPara3DProps): import("react/jsx-runtime").JSX.Element;