Funzionalità introdotte nell’ultima versione CSS

Ecco alcune delle nuove e interessanti funzionalità introdotte nell’ultima versione CSS.

Container Queries: Questa funzionalità è ora stabile su tutti i moderni browser. Le container queries consentono di interrogare le dimensioni e lo stile di un elemento genitore per determinare gli stili da applicare ai suoi figli.

Style Queries: La specifica delle style queries consente di interrogare i valori di stile di un contenitore genitore.

Dynamic Viewport Units: Sono stati introdotti venti nuovi viewport units in CSS, che consentono un controllo più preciso sul design in relazione alla visualizzazione dell’utente.

Wide-gamut Color Spaces: Questa funzionalità supporta spazi colore ad ampio gamut, consentendo una maggiore gamma di colori per le tue applicazioni web.

Nesting: Ora puoi annidare regole CSS all’interno di altre regole, semplificando la struttura del tuo foglio di stile.

Cascade Layers: Le cascade layers consentono di controllare l’ordine di applicazione degli stili, utile per gestire situazioni complesse di sovrapposizione.

Trigonometric Functions: Sono state introdotte funzioni trigonometriche come sin(), cos(), e tan() per trasformazioni più avanzate.

Individual Transform Properties: Ora puoi specificare le proprietà di trasformazione (come rotate, scale, translate, ecc.) separatamente per un maggiore controllo.

Popover Anchor Positioning: Questa funzionalità semplifica il posizionamento di popovers e tooltip.

Discrete Property Transitions: Consentono transizioni fluide tra stati di stile specifici, senza dover specificare valori intermedi.