Как я могу оживить подчеркивание слева направо? ⇐ Html

[Anonymous]

Я пытаюсь повторить этот переход с сайта uber.design:
Переход: < /p>

Код: Выделить всё

.un {
display: inline-block;
}

.un:after {
content: '';
width: 0px;
height: 2px;
display: block;
background: black;
transition: 300ms;
}

.un:hover:after {
width: 100%;< /code>
Underlined Text

Подробнее здесь: https://stackoverflow.com/questions/546 ... t-to-right