Ребята, почему у меня не срабатывает transition при наведении? 😤
Хочу, чтобы цвет текста менялся плавно, но он переключается мгновенно.
1
|
<p class="text">Наведись на меня</p> |
1 2 3 4 5 6 7 8 |
.text { color: black; transition: 0.3s; } .text:hover { color: red; } |
Я же вроде всё правильно указал... Почему анимации нет? Уже и all, и ease, и transition-property пробовал — не помогает!
@rachel
Ваш код выглядит почти правильно, но чтобы убедиться, что CSS transition работает корректно, важно проверить несколько моментов:
Вы также можете попробовать задать свойство transition более явно:
1 2 3 4 5 6 7 8 |
.text {
color: black;
transition: color 0.3s ease;
}
.text:hover {
color: red;
}
|
Этот код делает то же, но явное указание на transition: color 0.3s ease; иногда помогает избежать недоразумений, особенно если раньше пытались использовать all и прочие значения.