Gepubliceerd: 7 april 2026
Chrome 147 wordt nu uitgerold en in dit bericht worden enkele belangrijke functies van deze release besproken. Lees de volledige release-opmerkingen van Chrome 147 .
Belangrijkste punten uit dit persbericht:
- Element-scoped view transitions exposes
startViewTransitionon random HTML elements. - De CSS-functie `contrast-color()` helpt om te voldoen aan de toegankelijkheidsvereisten.
- Met de CSS-eigenschap `
border-shapekun je niet-rechthoekige randen creëren.
Weergaveovergangen op elementniveau
Deze functie maakt element.startViewTransition() beschikbaar voor willekeurige HTML-elementen. Het element definieert een bereik voor de overgang, wat betekent dat de overgangspseudo-elementen worden beïnvloed door voorouderlijke clips en transformaties, en dat meerdere overgangen op afzonderlijke elementen gelijktijdig kunnen worden uitgevoerd.
Met elementgebonden weergaveovergangen kunt u ook doorlopende weergaveovergangen nesten en de rest van de pagina interactief houden.
Lees meer in Chrome 147, dat gelijktijdige en geneste weergaveovergangen mogelijk maakt met element-scoped weergaveovergangen .
CSS contrast-color()
Deze functie helpt u te voldoen aan de contrastvereisten voor toegankelijkheid.
Je kunt de functie contrast-color() overal in CSS gebruiken waar een kleurwaarde wordt verwacht. De functie neemt een kleurwaarde als argument en retourneert 'zwart' of 'wit', afhankelijk van welke kleur het hoogste contrast biedt ten opzichte van de opgegeven kleur.
Lees meer in de MDN-documentatie over contrast-color() .
De CSS-eigenschap border-shape
Met de CSS-eigenschap ` border-shape kun je niet-rechthoekige randen maken met elke willekeurige vorm, bijvoorbeeld een veelhoek, cirkel of shape() .
Hoewel border-shape dezelfde vormen accepteert als clip-path , is het fundamenteel anders. border-shape definieert de vorm van de rand, decoreert deze en knipt alleen het binnenste gedeelte uit. border-shape heeft twee varianten: een die een vorm omlijnt en een andere die de ruimte tussen twee vormen opvult.
Verder lezen
Dit is slechts een greep uit de belangrijkste wijzigingen. Raadpleeg de volgende links voor meer informatie over de wijzigingen in Chrome 147.
- Release-opmerkingen voor Chrome 147 .
- Wat is er nieuw in Chrome DevTools (147) ?
- Updates voor Chrome 147 op ChromeStatus.com .
- Chrome-releasekalender .
Abonneren
Om op de hoogte te blijven, abonneer je op het YouTube-kanaal van Chrome Developers . Je ontvangt dan een e-mailmelding zodra we een nieuwe video publiceren. Of volg ons op X of LinkedIn voor nieuwe artikelen en blogberichten.
Zodra Chrome 148 is uitgebracht, laten we je hier meteen weten wat er nieuw is in Chrome!