Sanfte Seitenwechsel mit CSS View-Transitions 🚀

Webmaster — Thu, 27 Feb 2025 14:07:36 +0000

Ich habe meine Website mit CSS View-Transitions optimiert, um ein flüssigeres und moderneres Navigationserlebnis zu bieten! 🎉 Dank dieser neuen CSS-Technologie wirken Seitenwechsel nicht mehr abrupt, sondern laufen mit sanften Übergängen ab.

Möglich macht das die @view-transition-Regel, mit der sich Animationen für den Wechsel zwischen Seiten ganz ohne JavaScript steuern lassen. Ich verwende dabei folgende Konfiguration:

@view-transition {
    navigation: auto;
    type: morph;
}

🔹 navigation: auto; sorgt dafür, dass View-Transitions automatisch bei jedem Seitenwechsel aktiviert werden.
🔹 type: morph; bewirkt, dass ähnliche Elemente zwischen zwei Seiten nahtlos ineinander übergehen, anstatt neu zu erscheinen oder zu verschwinden.

WordPress: Wichtige Anpassung in der `header.php`

Wenn du View-Transitions in WordPress nutzen möchtest, musst du eine kleine Änderung in der header.php deiner Website vornehmen. Füge folgende Zeile im -Bereich ein:

Dieser Meta-Tag ist notwendig, damit View-Transitions über verschiedene Seiten hinweg funktionieren. Ohne diese Einstellung bleibt der Effekt auf einzelne Elemente innerhalb einer Seite beschränkt.

Browser-Unterstützung

Aktuell funktionieren View-Transitions nur in Google Chrome und anderen Chromium-basierten Browsern wie Brave oder Opera. In Firefox und Microsoft Edge wird diese Funktion leider noch nicht unterstützt. Falls du also keinen Effekt siehst, könnte das an deinem Browser liegen.

Falls dein Browser es unterstützt, kannst du es direkt auf meiner Website ausprobieren. Ich freue mich über dein Feedback! Viel Spaß beim Erkunden! 😊

Dieser Text wurde KI-generiert.

Der Beitrag Sanfte Seitenwechsel mit CSS View-Transitions 🚀 erschien zuerst auf berylune.de.

Xiaomi Mi 9 SE – MIUI 12 V12.0.1.0.QFBEUXM, erster Eindruck

Webmaster — Wed, 19 Aug 2020 09:56:18 +0000

Nach etwas Wartezeit hat nun auch das kompakte Xiaomi Mi 9SE das globale Update der MIUI 12 erhalten und kann installiert werden. Auf meinem Xiaomi Smartphone ist es nun auch installiert. Hier erfahrt ihr meine erster Eindrücke über die neue Firmware.

Erste Eindruck

Mit der neuen MIUI 12 hat Xiaomi wieder diverse Neuerungen und Verbesserungen angekündigt. Leider kommt man wie gewohnt bei den globalen Geräten nur häppchenweise diese Neuerungen in den Updates geliefert bzw. sie sind Regional nicht verfügbar.

Leider ist dieses Update wieder etwas halbgar und unausgereift, es fallen kleinere Fehler bei den Animationen auf. Zum Beispiel die Icon Animationen beim Schließen einer App zucken beim letzten Schritt der Animation herum. Auch scheint die Animation zum entsperren des Smartphones noch nicht ganz perfekt zu funktionieren. Hier ist anzumerken, verwendet wird der Standard-Launcher und das klassische Standard Theme.

Auch die neue Wetter-App der MIUI 12 weiß zu gefallen, diese hat sich von der einfachen Aufmachung in eine schicke Oberfläche verändert. Diese ändert nun auch Ihre Farbe zur jeweiligen Tageszeit, also Tag, Sonnenaufgang, Sonnenuntergang und Nacht.

Die überarbeitete Oberfläche der Kamera gefällt mir recht gut, die Optionen das Layout anzupassen und die Farbe der UI zu ändern ist nice-to-have. Damit kann man sich seine Lieblingsfunktionen besser erreichbar in der App positionieren. Schade das hier noch diverse angekündigte Funktionen fehlen!

Gefundene Bugs

Animation der Icons nicht perfekt
Animation beim Entsperren nicht optimal

Fehlende Funktionen dieser MIUI Version

Kamera-Features wie Magic Camera, Magic Clone, Magic Kaleidoscope.
Super Wallpaper, nicht für MI 9SE vorgesehen.

Fazit

Die Firmware ist noch nicht ganz Ausgereift und es fehlen noch diverse Funktionen welche angekündigt wurden. Ansonsten läuft das System gefühlt etwas schneller und flüssiger.

Download

EEA – Recovery-ROM – V12.0.1.0.QFBEUXM
Global – Recovery-ROM – V12.0.1.0.QFBMIXM

Der Beitrag Xiaomi Mi 9 SE – MIUI 12 V12.0.1.0.QFBEUXM, erster Eindruck erschien zuerst auf berylune.de.

Update Archive - berylune.de