Плавная смена текста на чистом CSS

CSS
Инкогнито
20.04.2025 11:58:41 am
Есть яркий текст:
Выделить
.bright {
	color: #ffcc00;
}

.bright:hover {
	color: #ff0000;
}

При наведении, цвет резко меняется с желтого, на красный, это режет глаза. Как сделать, чтобы текст менялся плавно, нерезко? И можно ли обойтись без JS, а сделать это на чистом CSS?

Спасибо.
Dopamine [Ghost]
20.04.2025 03:36:05 pm
Чтобы цвет менялся плавно, добавьте свойство: transition:
Выделить
.bright {
	color: #ffcc00;
	transition: 1s;
}

.bright:hover {
	color: #ff0000;
	transition: 1s;
}

Время изменения цвета (1s) меняйте как вам угодно.
Инкогнито
20.04.2025 04:49:55 pm
То, что доктор прописал!