How to make page transition when following an external link?

Question

css

For the first time I saw it in practice - https://bebasneue.com/
There are no questions how to do this in SPA. But how to do it like on this site? When you click on an external link?
I can assume that the click on the link is tracked, a prevent is made, a fade out animation is made. But how is the transition triggered manually then? What is this event?

Answer 1

I made a primitive, but working example of a similar mechanism on JQuery, you can also easily redo it without it, I'm just too lazy:

Answer 2

There are no page transitions on the specified site, but in general - here:
pajax
https://www.youtube.com/watch?v=pFpqA2xCFQY