inter-section-effects

Inter-Section Effects Reference

Content Preview
# Inter-Section Effects Reference

These are the most premium techniques — effects where elements **persist, travel, or transition between sections**, creating a seamless narrative thread across the entire page.

## Table of Contents
1. [Floating Product Between Sections](#floating-product)
2. [GSAP Flip Cross-Section Morph](#flip-morph)
3. [Clip-Path Section Birth (Product Grows from Border)](#clip-birth)
4. [DJI-Style Scale-In Pin](#dji-scale)
5. [Element Curved Path Travel](#curved-path)
6. [
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/inter-section-effects.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/epic-design/references/inter-section-effects.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/epic-design/references/inter-section-effects.md

Related Skills