Я пытаюсь применить переход для веса шрифта гиперссылки, чтобы постепенно увеличивать его при наведении пользователя.
.header a {
color: black;
margin-bottom: -50px;
font-size: 25px;
text-decoration: none;
font-weight: 100;
transition: font-weight 1s ease-in-out;
}
.header a:hover {
font-weight: 900;
}
<div class="header">
<a href="#About">Learn More</a>
</div>
Когда я навожу курсор на элемент, вес шрифта изменяется через заданное время (1 секунду). Однако переход просто не имеет никакого эффекта. То есть сразу изменяется шрифт со 100 на 900 и наоборот. Что я здесь делаю неправильно?
font-weight
является анимируемым свойством - person Rob   schedule 19.05.2019