Live demo
Try the behavior directly before deciding whether it fits the page.
Effects / Effect
Pull-Forward Card Deck
An overlapping project deck that brings the card nearest the pointer or keyboard focus to the front with spring-driven motion.
- Catalog status
- Approved
- Experience
- Live demonstration
Pull a project forward.
Move across the deck or use the Tab and arrow keys. Adjust the controls to see how the interaction can fit different sections.
Move across the deck or use Tab and the arrow keys.
Interaction libraryMagic Mouse Movements
Creative promptParticle Hero
Transformation guideLayered Reveal
Field guideFusion Coding
Practical checklistGovCon Readiness
Working processBuild in Public
When this resource earns its place.
Use it for selected work, campaigns, covers, or visual case studies that benefit from comparison and depth.
Keyboard
Focused cards receive the same visual priority as pointer-selected cards.
Reduced motion
The content remains available when physical motion is minimized.
Web Craft Resources