Ребята, почему у меня не срабатывает 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
и прочие значения.