Вот интересный трюк в CSS!

Мы создаем градиент (сплошной цвет, так как оба конца линейного градиента одинаковы) и прикрепляем его к левому концу с размером 0%.

При наведении размер увеличивается до 100%, так что градиент растет с левой стороны.

При выходе из режима наведения градиент уходит вправо (поскольку в обычном состоянии находится справа)

➡️ @FrontendPortal | #CSS