Data di pubblicazione: 7 aprile 2026
Chrome 147 è in fase di implementazione e questo post condivide alcune delle funzionalità chiave della release. Leggi le note di rilascio complete di Chrome 147.
Punti salienti di questa release:
- Le transizioni di visualizzazione con ambito elemento espongono
startViewTransitionsu elementi HTML arbitrari. - CSS contrast-color() aiuta a soddisfare i requisiti di accessibilità.
- La proprietà CSS
border-shapeti consente di creare bordi non rettangolari.
Transizioni di visualizzazione con ambito elemento
Questa funzionalità espone element.startViewTransition() su elementi HTML arbitrari.
L'elemento stabilisce un ambito per la transizione, il che significa che gli pseudo-elementi di transizione sono interessati dai clip e dalle trasformazioni degli elementi principali e più transizioni su elementi separati possono essere eseguite contemporaneamente.
Le transizioni di visualizzazione con ambito elemento consentono anche di nidificare le transizioni di visualizzazione in corso e mantenere interattiva il resto della pagina.
Scopri di più in Chrome 147 consente transizioni di visualizzazione simultanee e nidificate con transizioni di visualizzazione con ambito elemento.
CSS contrast-color()
Questa funzione ti aiuta a soddisfare i requisiti di contrasto per l'accessibilità.
Puoi utilizzare la funzione contrast-color() in qualsiasi punto del CSS in cui è previsto un valore di colore. Accetta un argomento di valore del colore e restituisce "nero" o
"bianco", a seconda di quale offre il contrasto più elevato rispetto all'argomento
del colore.
Scopri di più nella documentazione MDN per contrast-color().
La proprietà CSS border-shape
La proprietà CSS border-shape ti consente di creare bordi non rettangolari con qualsiasi
forma arbitraria, ad esempio un poligono, un cerchio o shape().
Anche se border-shape accetta le stesse forme di clip-path, è
fondamentalmente diverso. border-shape definisce la forma del bordo,
lo decora e ritaglia solo l'interno. border-shape ha due varianti: una
che traccia una forma e un'altra che riempie lo spazio tra due forme.
Per approfondire
Questi sono solo alcuni dei punti salienti. Consulta i seguenti link per ulteriori modifiche in Chrome 147.
- Note di rilascio di Chrome 147.
- Novità di Chrome DevTools (147).
- Aggiornamenti di ChromeStatus.com per Chrome 147.
- Calendario delle release di Chrome.
Iscriviti
Per rimanere aggiornato, iscriviti al canale YouTube Chrome Developers e riceverai una notifica via email ogni volta che pubblichiamo un nuovo video. Oppure seguici su X o LinkedIn per nuovi articoli e post del blog.
Non appena verrà rilasciata la versione 148 di Chrome, ti informeremo sulle novità di Chrome.