Ciao
Ti è parso bene, text-decoration non è animabile ma la questione ha diverse sfaccettature. Tale proprietà possiede delle sotto-proprietà, una delle quali è text-decoration-color che è animabile. In quel caso è possibile definire transparent come valore iniziale e currentColor o un qualsiasi altro colore come valore finale della transizione con 1s di delay e il gioco è fatto. Purtroppo, però, questa sotto-proprietà è attualmente supportata da pochi browser per cui, se cerchi una soluzione cross-browser, dovrai optare per qualche espediente artificioso.dopo svariate ricerche mi è parso di capire che l'animazione transition non può essere applicata per la proprietà text-decoration
Tra quelli più gettonati puoi adoperare un semplice border-bottom. Nel caso ti servisse invece creare un'animazione più complessa puoi usare uno pseudo elemento posizionato a dovere, oppure impostare un linear-gradient che ovviamente simuli e sostituisca la sottolineatura.
Fai qualche prova.
Rispondi quotando