Sign inGo Premium
Sections

Sticky Pin Crossfade

Two real homepage sections — Hero and Pricing — cross-fade and scale in place as you scroll, each on its own real site background so the swap between them reads clearly. The nav bar stays fixed throughout.

PREMIUM
// Sticky Pin Crossfade
// Unlock Premium to view this effect's code and AI agent prompt.
//
// → gsapmastery.com/pricing
🔒

Unlock all premium effects, code, and AI agent prompts.

Unlock Premium →
// live preview
Take the free effects with you

Agent-ready AI prompts — 8 of our best free effects, straight to your inbox.

FREE
FREE
FREE
FREE
FREE
FREE
FREE
FREE

More Sections effects

PRO
FREE
PRO
Unlock Premium →

Instant access. Cancel anytime. Commercial licence included.

About this effect

Yes — Premium membership includes a commercial licence. Free effects can be used in any project, commercial or personal, without attribution.

Check the AI agent prompt for plugin imports (SplitText, DrawSVG etc.). If Club plugins are used, you'll need a GreenSock Club licence for commercial projects.

Copy the AI agent prompt (available with Premium) and paste it into Claude, ChatGPT, or your favourite AI agent. It instructs the model on how to restyle or integrate the effect directly into your project.