3D Scroll Images

An advanced, high-performance Framer code component recreating the interactive "Rotating On-Scroll Animations" effect. It features multiple 3D perspective scroll variations, per-item image management, customizable marquee text strips with precise color blending, and responsive layout styling.

• 5 Unique Animation Variations:

  1. Sine Drift: Smooth sinusoidal 3D multi-axis rotation and depth scaling.

  2. Deep Flip: Pronounced 3D flips and depth displacement.

  3. Slide & Fade: Clean vertical-axis rotation with dynamic saturation and brightness filters.

  4. Velocity Blur: Motion-reactive directional blur driven by scroll speed.

  5. Hold & Squash: Center-paused squash-and-stretch perspective transitions.

• Dynamic Text-to-Image Blending: Implements native CSS mix-blend-mode: difference paired with tuned typography color configurations (rgb(190,175,110) in default themes) to achieve precise color inversion and visual integration over overlapping images, exactly matching professional design layouts.

• Customizable Marquee Header: Sticky, infinitely translating banner text with user-definable content strings, speeds, font styles, and sizing.

• Auto Theme System: Built-in design presets per variation that automatically handle background tones, item aspect ratios, sizing, and blend setups with an option for manual overrides.