react-animate-observer
Version:
A React component for scroll animations using Intersection Observer
30 lines (29 loc) • 851 B
TypeScript
import { CSSProperties } from 'react';
export type TransformProps = Partial<{
translateX: number;
translateY: number;
translateZ: number;
rotateX: number;
rotateY: number;
rotateZ: number;
skewX: number;
skewY: number;
scaleX: number;
scaleY: number;
scaleZ: number;
}>;
export type TransitionProps = Partial<{
transitionDelay: number;
transitionDuration: number;
transitionProperty: CSSProperties['transitionProperty'];
transitionTimingFunction: CSSProperties['transitionTimingFunction'];
transition: CSSProperties['transition'];
}>;
export type IntersectionObserverProps = Partial<{
mediaQueryWidth: number;
largeScreenRootMargin: string;
smallScreenRootMargin: string;
threshold: number;
once: boolean;
}>;
export type StyleProps = CSSProperties & TransformProps;