Day 3/8 - Card to Page transition by Javed Ansari

Completed the Interaction Design Challenge — transition from card to page using the experimental View Transition API with Next.js!

Check out the deployed project: https://transition-blog.vercel.app

Source code: https://github.com/ofcljaved/transition

Biggest lesson: the slide animation only worked when I set display: inline-block on the transitioning element. This wasn’t clear in the docs and cost me almost 2 hours of debugging. Also spent a chunk of time tweaking the background gradient for that “cool” look. Documentation gaps can be frustrating but the learning was 100% worth it!