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:
Sine Drift: Smooth sinusoidal 3D multi-axis rotation and depth scaling.
Deep Flip: Pronounced 3D flips and depth displacement.
Slide & Fade: Clean vertical-axis rotation with dynamic saturation and brightness filters.
Velocity Blur: Motion-reactive directional blur driven by scroll speed.
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.
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:
Sine Drift: Smooth sinusoidal 3D multi-axis rotation and depth scaling.
Deep Flip: Pronounced 3D flips and depth displacement.
Slide & Fade: Clean vertical-axis rotation with dynamic saturation and brightness filters.
Velocity Blur: Motion-reactive directional blur driven by scroll speed.
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.
