Veröffentlicht am 7. April 2026
Chrome 147 wird jetzt eingeführt. In diesem Beitrag werden einige der wichtigsten Funktionen der Version vorgestellt. Vollständige Versionshinweise zu Chrome 147
Highlights dieser Version:
- Mit Element-Scoped View Transitions wird
startViewTransitionfür beliebige HTML-Elemente verfügbar gemacht. - CSS-Kontrastfarbe() hilft, die Anforderungen an die Barrierefreiheit zu erfüllen.
- Mit der CSS-Eigenschaft
border-shapekönnen Sie nicht rechteckige Rahmen erstellen.
Element-Scoped View Transitions
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 für den Übergang von übergeordneten Clips und Transformationen betroffen sind und mehrere Übergänge für separate Elemente gleichzeitig ausgeführt werden können.
Mit Element-Scoped View Transitions können Sie auch laufende View Transitions verschachteln und den Rest der Seite interaktiv halten.
Weitere Informationen finden Sie unter Chrome 147 enables concurrent and nested view transitions with element-scoped view transitions.
CSS contrast-color()
Mit dieser Funktion können Sie die Kontrastanforderungen für die Barrierefreiheit erfüllen.
Sie können die Funktion contrast-color() überall in CSS verwenden, wo ein Farbwert erwartet wird. Sie verwendet ein Farbwertargument und gibt entweder „Schwarz“ oder „Weiß“ zurück, je nachdem, welche Farbe den höchsten Kontrast zum Farbargument bietet.
Weitere Informationen finden Sie in der MDN-Dokumentation zu contrast-color().
Die CSS-Eigenschaft border-shape
Mit der CSS-Eigenschaft border-shape können Sie nicht rechteckige Rahmen mit beliebigen Formen erstellen, z. B. ein Polygon, einen Kreis oder shape().
Obwohl border-shape dieselben Formen wie clip-path akzeptiert, ist sie grundlegend anders. border-shape definiert die Form des Rahmens, dekoriert ihn und schneidet nur das Innere zu. Es gibt zwei Varianten von border-shape: eine, die eine Form umrandet, und eine andere, die den Bereich zwischen zwei Formen füllt.
Weitere Informationen
Hier werden nur einige wichtige Highlights behandelt. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 147.
- Versionshinweise zu Chrome 147.
- Neu in den Chrome-Entwicklertools (147).
- ChromeStatus.com-Updates für Chrome 147.
- Chrome-Releasekalender.
Abonnieren
Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers . Sie erhalten dann eine E-Mail-Benachrichtigung, wenn wir ein neues Video veröffentlichen. Sie können uns auch auf X oder LinkedIn folgen, um neue Artikel und Blogposts zu erhalten.
Sobald Chrome 148 veröffentlicht wird, informieren wir Sie hier über die Neuerungen in Chrome.