Haha I tried my own version for my portfolio. I’m thinking the mobile version would have to slide straight down to save space, but I haven’t played with that yet.
This is definitely a desktop effect. A “pull down” effect for mobile would be sweet but would require custom code. On the other hand that wouldn’t be expected behavior for a website in a mobile browser to “pull down” so it might go undiscovered by visitors.
A scroll interaction would work, but I don’t imagine it having the same impact. Must keep thinking.
I’ve been trying to implement this for my portfolio site but I’m running into a huge wall. The page hover is constantly active so in order to click to change “pages” I have to either have the click go to another actual page, or have it trigger an animation, which can be interrupted by the page hover interaction if the mouse moves. I’m very close to just dropping it, but the effect is so cool I want to keep trying.
I went ahead and dropped it for now. I’m just going to use it as a regular menu and paginate. I did come up with a pretty cool reveal on scroll for mobile though, so that’s good.