Interaction easing

Hey everyone,

I’ve been working on my portfolio page. It’s already live but I want to smooth out some interactions - hope you can help!

  1. When opening a portfolio item on the main page the open animation is eased nicely. However, you close the portfolio item it expo eases in - this gives the feeling it closes with a snap/bang. This is because as a last step of the interaction animation I hide the DIV that has all the portfolio elements, thus changing the page structure. This does not work in combination with a normal ease.

I would love to ease the close animation better - any ideas on how to go about this?

  1. I added a mouse interaction on the portfolio images so they react to the mouse movement. I’d love to give this a parallax feeling so that all images react a bit different, preferably without manually animating every image.

Any ideas for this problem? Appreciate the help!


Here is my public share link: LINK

And the published site