Smooth removal effect

Question

I created a photo filter, but I couldn't get a soft removal effect.

I have done the desired effect in method 1 (line 13), but the problem is that there are voids in the places of the hidden elements, and if i write : display: none; the effect will be gone.

Here is the link to see what i did:

https://codepen.io/someone_49/pen/mdpWOWY?editors=0010

Here is the link to see what I'm trying to get at here :

https://ivkovic.me/themes/pluton/#portfolio

Answer 1

you need to animate the max-width of the elements