Veröffentlicht am 7. April 2026
Chrome 147 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen des Releases vorgestellt. Vollständige Versionshinweise zu Chrome 147
Highlights dieser Version:
- Mit Ansichtsübergänge mit Elementbereich wird
startViewTransitionfür beliebige HTML-Elemente verfügbar gemacht. - CSS contrast-color() hilft, die Anforderungen an die Barrierefreiheit zu erfüllen.
- Mit der CSS-Eigenschaft
border-shapekönnen Sie nicht rechteckige Rahmen erstellen.
View-Übergänge mit Elementbereich
Mit dieser Funktion wird element.startViewTransition() für beliebige HTML-Elemente verfügbar gemacht.
Das Element legt einen Bereich für den Übergang fest. Das bedeutet, dass die Pseudo-Elemente des Übergangs von übergeordneten Clips und Transformationen beeinflusst werden und mehrere Übergänge für separate Elemente gleichzeitig ausgeführt werden können.
Mit Ansichtsübergängen auf Elementebene können Sie auch laufende Ansichtsübergänge verschachteln und den Rest der Seite interaktiv halten.
Preisvergleichsportal contrast-color()
Mit dieser Funktion können Sie die Kontrastanforderungen für Barrierefreiheit erfüllen.
Sie können die Funktion contrast-color() überall in CSS verwenden, wo ein Farbwert erwartet wird. Es wird ein Farbwertargument verwendet und je nachdem, welche Farbe den höchsten Kontrast zum Farbargument bietet, wird entweder „black“ oder „white“ zurückgegeben.
Weitere Informationen finden Sie in der MDN-Dokumentation zu contrast-color().
Die CSS-Property border-shape
Mit der CSS-Eigenschaft border-shape können Sie nicht rechteckige Rahmen mit beliebiger Form erstellen, z. B. ein Polygon, einen Kreis oder shape().
border-shape akzeptiert zwar dieselben Formen wie clip-path, ist aber grundsätzlich anders. Mit border-shape wird die Form des Rahmens definiert, er wird dekoriert und nur das Innere wird abgeschnitten. border-shape hat zwei Varianten: eine, die eine Form umrandet, und eine, die den Bereich zwischen zwei Formen ausfüllt.
Weitere Informationen
Hier werden nur einige wichtige Punkte behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 147.
- Versionshinweise zu Chrome 147
- Neu in den Chrome-Entwicklertools (Version 147)
- ChromeStatus.com-Updates für Chrome 147.
- Chrome-Veröffentlichungskalender
Abonnieren
Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal „Chrome Developers“. Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen. Oder folgen Sie uns auf X oder LinkedIn, um neue Artikel und Blogposts zu erhalten.
Sobald Chrome 148 veröffentlicht wird, informieren wir Sie hier über die Neuerungen in Chrome.