Focus Lab JT Grauke

Blog Post Transition Idea

  • Save
Blog Post Transition Idea purple focus lab atlas hero blog animation ux ui

This is a page transition idea that I had for solving a fairly common problem. The blog page will have some featured posts at the top. But sometimes if you have the same treatment of photo with text on top, it's not apparent that the page has loaded with new content underneath.

So this was an attempt at solving that problem by having the image move slightly, and the fade disappear so that it's clear that you're on a new page, even with the same image as the hero.

¯\_(ツ)_/¯

keyboard shortcuts: L or F like