Click a card to see shared element morphing with CSS View Transitions API.
How it works: Each card image has a unique data-vt-name attribute. The init script sets view-transition-name automatically. When navigating to the detail page, the browser morphs matching elements smoothly.
Explore the highest summits and alpine landscapes.
Dive into the mysteries of the deep blue sea.
Wander through ancient woods and hidden paths.
Experience the vast silence of golden sands.
Gaze at stars and celestial wonders above.
Celebrate the bloom of colorful flowers.