Анимация при наведении на ссылку

Question

Как сделать чтобы при наведении на ссылку цвет менялся слева направо в течении 2 секунд например с синего на красный. Перелопатил кучу сайтов но ничего путного не нашёл.Спасибо. P.S. Желательно чтобы посещённыё ссылки отмечалось фиолетовым цветом.

Answer 1

Вы что-то такое искали?

a{
  font-size: 72px;
  color: black
}
a:visited {
  color: violet;
}

.text-animation:hover {
  background-image: linear-gradient(to right, red,blue); 
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
  animation: text-animation 2s linear infinite;
}

@keyframes text-animation {
    to {
        background-position: 170vh;
    }
}

<a href="#" class = 'text-animation'>Texxxxttttt</a>

БЛОГ НА HUSL

Анимация при наведении на ссылку

Ответы (1 шт):