Gemeinsame Elementübergänge

Ich hatte nur auf bessere einheimische Pagetransitionen gehofft, und Bramus kommentierte, dass Chrome an etwas arbeitet. Es sieht so aus, als hätte es eine frische Begeisterung dafür, da es ein brandneues Repo gibt und Sie es buchstäblich in Chrome Canary testen können.

Das Repo wird hierher bewegt und ich liebe den Namen. "Shared Elements" ist hier Clutch. Es ist nicht nur wie ein Ausrutschen-, Einrutschen- oder Sternwisch, sondern kann einzelne Elemente an neue Orte verschieben. Shawn wies darauf hin, dass Sarahs Artikel diese Fähigkeit super klar macht:

Ich werde den Code -Snippet aus dem aktuellen Readme hier fallen lassen, da es wirklich cool ist:

 Funktion Handletransition () {
  document.documentTransition.prepare ({{{
    RootTransition: "Enthülle-links",
    Dauer: 300,
    SharedElements: [E1, E2, E3]
  }). Dann (() => {
    docustomthings ();
    document.documentTransition.start ({SharedElements: [Newe1, Newe2, Newe3]}). Dann (dann (
      () => console.log ("Übergang beendet"));
  });
}

Sie müssen keine SharedElements haben, aber Sie können und im Moment müssen sie alle enthalten: Farbe auf sie über CSS zur Arbeit auf sie angewendet. Beachten Sie, dass Sie sich nicht mit der Aktualisierung der URL oder irgendetwas befassen müssen. Dies würde einfach automatisch (ich denke?), Da dies keine einseitige App-Architektur erfordert, um zu arbeiten.

Seltsame Geschichte

Während ich darüber unterhielt, wies Alex Riviere auf mich darauf hin, dass vor der Chromium Edge (proprietäre) Seitenübergänge:

 <meta http- content="discureTrans (Dauer = 0,600, Übergang = 6)">

Whaaaat. Christian Schaefer hat einen Post, der das beklagt, was wir verloren haben, als wir Trident verloren haben:

Wie der Name schon sagt, würde ein solcher Filter den Benutzer von Seite zu Seite nach der Navigation reibungslos wechseln, anstatt dass Seiten so abrupt erscheinen, wie wir es gewohnt sind. Es gab eine umfangreiche Liste von Übergangsfiltern, aus denen Sie auswählen konnten, indem Sie sie über die Nummer verweisen:

Wischen, abwischen, zufällig auflösen, horizontal aufgeteilt werden usw. Keine Sterntücher, unglaublich. Und definitiv keine "gemeinsam genutzten Elementübergänge"

Das obige ist der detaillierte Inhalt vonGemeinsame Elementübergänge. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!