Як зробити анімацію підкреслення в css

Як зробити анімацію підкреслення CSS?

Встановлюємо transition за розміром фону, тому будь-яка зміна властивості займе 0.3 секунди. При наведенні на посилання змінюємо ширину зображення на 100%, створюючи повне підкреслення, а transition забезпечує анімацію. От і все! Збережена копія

Як зробити лінію під текстом CSS під час наведення?

Спосіб №1: властивість text-decoration

1. a {
2. text-decoration: none; /* Забираємо підкреслення у посилань */
3. color: #032850; /* Колір посилання */
4. }
5. a:hover {
6. text-decoration: underline; /* Додаємо підкреслення при наведенні курсора миші на посилання */
7. }