Categoria

animazioni UI

3 articoli associati a questo tag.

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.

7 luglio 2026

Framer 3 + agent AI: progettare una landing page più in fretta (senza sacrificare il gusto)

Framer 3 introduce un pannello “Agent” che permette di delegare task grossi (struttura di una landing) e piccoli (ritocchi su un singolo componente) restando sempre tu a decidere. In questo articolo vediamo un flusso di lavoro concreto: allegare un brief, generare una prima versione, correggere rapidamente layout e palette, rendere uno shader più discreto, sostituire un background shader, creare un ticker di “biomarker” con pill coerenti col design system e aggiungere animazioni d’ingresso performanti. Con qualche accorgimento, l’AI diventa un acceleratore di iterazione, non un sostituto del giudizio visivo.