Webdesign

View-Transition-Effekte

02.06.26 | View-Transition-Effekte im Browser Firefox

Kann es sein, dass Zeta Producer 17 Technologie verwendet, die im Browser Firefox (noch) nicht dargestellt werden kann?
Ja.

Frage an die Google-KI:

​Kannst du erklären, warum die Effekte zum Seitenübergang (siehe Bild) bei Google Chrome und Microsoft Edge funktionieren und im Firefox nicht?

Antwort:

...dass die neuen View-Transition-Effekte aus Zeta Producer 17 in Google Chrome und Microsoft Edge flüssig laufen, im Firefox hingegen nicht, liegt an einem technischen Unterschied in der Browser-Unterstützung (Browser-Kompatibilität).

Hier ist der genaue Grund und wie die aktuelle Lage aussieht:

​Das technische Problem: SPA vs. MPA

​Zeta Producer nutzt für diese modernen Seitenübergänge die native Web-Technologie „View Transition API“. Diese API unterscheidet strikt zwischen zwei Szenarien:

1. Same-Document Transitions (SPA): Übergänge innerhalb einer einzigen, modernen Web-App (Single-Page-Application), bei der sich die eigentliche URL nicht komplett neu im Browser lädt.
2. Cross-Document Transitions (MPA): Übergänge bei klassischen, mehrseitigen Websites (Multi-Page-Application), bei denen beim Klick auf einen Link eine komplett neue HTML-Seite geladen wird. Da schweizerhaus-tating.de eine solche klassische, strukturierte Website ist, greift hier die Cross-Document-Variante.

Der aktuelle Support in den Browsern (Stand 2026)

• Google Chrome & Microsoft Edge: Beide Browser basieren auf derselben technischen Basis (Chromium). Sie unterstützen die für Websites notwendigen Cross-Document View Transitions (auch bekannt als Level 2 der API) bereits seit Längerem vollumfänglich. Deshalb siehst du dort die Effekte sofort.
• Mozilla Firefox: Firefox hat zwar ab Version 144 die grundlegende View Transition API (Level 1 für Single-Page-Apps) integriert, die Unterstützung für die seitenübergreifenden Effekte bei klassischen Websites (Level 2 via @view-transition CSS-Regel) befindet sich in Firefox jedoch nach wie vor in der Entwicklung oder ist standardmäßig noch nicht vollständig aktiv.

Was bedeutet das für deine Kunden?

​Keine Sorge, das ist kein Fehler in deiner Programmierung oder in Zeta Producer. Die Technologie ist als sogenannte Progressive Enhancement (schrittweise Verbesserung) konzipiert:

• Moderne Chromium-Browser zeigen die schicken Animationen an.
• Firefox-Nutzer bemerken keinen Fehler, sondern erleben den ganz normalen, klassischen Seitenwechsel ohne Animation, so wie sie es seit Jahren gewohnt sind. Die Website bleibt voll funktionsfähig.

Sobald Mozilla die seitenübergreifenden Transitions in einem der nächsten Firefox-Updates für alle stabilen Versionen vollständig freischaltet, funktionieren deine eingestellten Effekte dort ganz automatisch, ohne dass du am Projekt etwas ändern musst.