30 settembre 2026
Animare <details> e <summary> in CSS: card “accordion” fluide, senza JavaScript
Usare <details> e <summary> per rivelare contenuti è una scelta elegante: accessibile, nativa e spesso sufficiente senza JavaScript. Con alcune proprietà CSS moderne puoi trasformare questo pattern in una micro‑interazione curata: apertura/chiusura fluida, transizione anche in chiusura (non scontata) e animazioni progressive sugli elementi interni. Vediamo come impostarlo in modo pulito, con progressive enhancement ragionato.