How to make such a slider with such effects?

Question

Slider

Can you please tell me how to make such a slider for the site?

Here's how it should work: Video

I have the slider elements themselves in animated form, but I can't imagine the transition logic (effects).

Answer 1

In general, everything has already been described in other answers, I will only vote for developing this in JS, not CSS, because often in such transitions there will be different curved trajectories or random values, which would be nice to generate anew each time.
Well, a simple example of something similar according to the principle of action:

PS: But in general, in terms of performance, it would be appropriate to draw all these geometric things on the canvas, and not make a bunch of simultaneous changes to the CSS properties of the elements.