Categoria

pseudo-elementi

2 articoli associati a questo tag.

27 agosto 2026

Underline “magico” in CSS con Anchor Positioning: l’effetto che prima era un incubo, ora sono poche righe

Creare un underline o un evidenziatore animato che “insegua” le voci di una nav era spesso un esercizio di pazienza: misure, offset, resize, layout che cambia. Con CSS Anchor Positioning puoi ancorare un pseudo-elemento a un elemento e farlo saltare automaticamente sull’ultimo anchor attivo (es. il link in hover/focus), con animazioni fluide e anche un tocco di blur/glass se vuoi.

6 maggio 2026

CSS Battle in 10 minuti: 3 pattern, 3 strategie (e qualche trucco utile anche “fuori gara”)

Le sfide stile CSS Battle sono un ottimo allenamento: ti obbligano a leggere una figura, scomporla in forme semplici e scegliere al volo la tecnica più veloce. In questo articolo vediamo tre pattern tipici e le strategie più efficaci per riprodurli rapidamente: stacking di blocchi con un dettaglio centrale, anelli concentrici con metà coperta, e un motivo basato su bordi ruotati con “tappi” circolari. Non è codice da produzione: è palestra per occhi, CSS e problem solving.