frontendfacile.itCategoria
2 articoli associati a questo tag.
9 luglio 2026
Il nuovo attributo popover permette di creare pannelli contestuali che si aprono e si chiudono senza JavaScript: basta aggiungerlo all’elemento, collegarlo con popovertarget e poi rifinire con ombre, backdrop e animazioni CSS. Ecco come usarlo in modo pratico in un progetto frontend.
1 luglio 2026
I popover non sono più un esercizio obbligatorio di JavaScript. Oggi il browser offre un’API nativa: un bottone che apre/chiude, light dismiss, ESC, gestione del focus e stati CSS da animare. In questo articolo vediamo un’implementazione minimale e pulita, con fade e slide controllati da CSS, inclusa la transizione per proprietà discrete e un accenno al posizionamento vicino al trigger tramite anchoring.