Die Kachel selbst soll nur die Flip-Animation abspielen.
Sie bleibt währenddessen im Grid und zeigt auf der Rückseite ein Fake-Preview.

Nach der Animation wird die echte Seite nicht mehr in der Kachel angezeigt.
Stattdessen wird ein separater Fullscreen-Container aktiviert.

In diesem Fullscreen-Container erzeugst du ein neues Iframe, das die Zielseite lädt.
Das Iframe muss die Größe des Browser-Viewports haben: 100vw x 100vh.

Das ist nötig, weil Seiten im Iframe ihre Darstellung vom Viewport ableiten.
Ein Iframe, das im Kachel-Layout geladen wurde, behält diesen kleinen Viewport und rendert die Seite verkleinert.
Erst ein Iframe, das im Fullscreen-Container erzeugt oder neu geladen wird, wirkt für die Seite wie ein echter Fullscreen.

Ablauf zusammengefasst:

Flip-Animation starten

Nach Ende der Animation die Kachel optisch ausblenden

Fullscreen-Container aktivieren

Neues Iframe dort einfügen

Seite neu laden lassen

Damit erscheint die Seite so, als wäre man wirklich auf ihr, nicht in einer vergrößerten Kachel

Beim Schließen musst du das umgekehrte tun:
Fullscreen-Container deaktivieren, Iframe löschen, Kachel wieder anzeigen.
adasd test2