Categoria

popover

2 articoli associati a questo tag.

9 settembre 2026

CSS ora sa “contare”: sibling-index e sibling-count per animazioni e z-index senza hack

Due nuove primitive CSS, sibling-index() e sibling-count(), permettono di ottenere rispettivamente la posizione di un elemento tra i fratelli e il numero totale di fratelli. Risultato: stagger animation mantenibili, layering con z-index automatico (anche su avatar sovrapposti) e piccoli trick come palette colori basate su indice, senza toccare l’HTML e senza JavaScript.

16 luglio 2026

Animare l’apertura/chiusura da display: none senza hack: transition-behavior e @starting-style

Per anni abbiamo aggirato l’impossibilità di animare display: none con wrapper, max-height, visibility e setTimeout. Oggi il CSS offre un approccio più pulito: con transition-behavior: allow-discrete e @starting-style puoi gestire l’ingresso/uscita di elementi che cambiano display (e persino overlay per i componenti in top-layer come popover e modali), ottenendo animazioni coerenti in apertura e in chiusura.