Parallax Zoom

Center card scales up to fill the frame while siblings parallax outward — inspired by the eBay Playbook hero transition

Parallax Zoom

Center card scales up to fill the frame while siblings parallax outward — inspired by the eBay Playbook hero transition

transition zoom parallax grid hero

Install

Terminal

npx hyperframes add parallax-zoom

Details

Property	Value
Type	Component

Files

File	Target	Type
parallax-zoom.html	compositions/components/parallax-zoom.html	hyperframes:snippet

Usage

Open compositions/components/parallax-zoom.html and paste its contents into your composition. See the comment header in the file for detailed instructions.