CSS Gradient текст ссылки прыгает при наведении - PullRequest
Новая
       9

CSS Gradient текст ссылки прыгает при наведении

0 голосов
/ 17 февраля 2019

Я использую градиентный цвет текста для своих ссылок при наведении, однако странный эффект прыжка возникает с тех пор, как я добавил класс css.Всякий раз, когда я наведу ссылку, она скачет как 2px-4px вверх.

Когда я удаляю класс градиентного цвета, все снова становится нормальным.Есть ли какое-то решение для этого?Пользовательский код, который я добавил: 

.bg-gradient-ligth {
  background-color: $white;
  background-image: linear-gradient(315deg, $white 0%, $ligth-grey 74%);
}

a {
  color:$green
}

a:hover {
  background: -webkit-linear-gradient($gradient1, $gradient2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.heading-gradient {
  background: -webkit-linear-gradient($gradient1, $gradient2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Остальное - просто обычная Bootstrap и тема CSS.Который работал хорошо раньше.Кстати, он также обрезает текст заголовка градиента h1 внизу.

...