Создание цвета текста перевернута в фоновое свойство CSS для плавных переходов ⇐ CSS

[Anonymous]

У меня есть эта штука прямо сейчас, где у меня есть этот скользящий фон на Hover, и я нахожу немного немного, что весь текст меняет цвет одновременно. Могу ли я как-то сделать так, чтобы только части черного фона изменили цвет?

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

a.nav {
font-family: Manrope;
font-weight: 400;
text-decoration: none;
color: #000;
background-image: linear-gradient(to bottom, transparent 1px, #000 1px);
background-repeat: no-repeat;
background-position-x: right;
background-size: 0%;
transition: background-size .15s;
}
a.nav:hover {
color: #fff;
background-size: 100%;
background-position-x: left;
}< /code>
About us

Спасибо !!

Подробнее здесь: https://stackoverflow.com/questions/776 ... th-transit