Как добавить к тексту плавную анимацию затухания цвета ⇐ Html

[Anonymous]

Я создаю простой веб-сайт-портфолио и мне нужен текст заголовка (

Код: Выделить всё

) для плавного перехода между несколькими цветами.
В то же время я хочу включить авторские права/указание в нижний колонтитул, который присутствует в HTML, но невидим на странице.
Вот минимальный пример того, что у меня есть на данный момент:

Код: Выделить всё

Portfolio Huf48500

body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background: #f9f9f9; }

/* Header color fade animation */
h1 {
font-size: 48px;
animation: colorFade 5s infinite alternate;
}

@keyframes colorFade {
0% { color: blue; }
50% { color: green; }
100% { color: red; }
}

/* Footer with hidden credit */
footer { margin-top: 100px; font-size: 0.9em; }
.hidden-credit { display: none; }





Huf48500 / HufHuf48
IT student | Passionate about cybersecurity and development



Thank you for visiting!
© Huf48500 / HufHuf48 — GitHub: [url=https://github.com/HufHuf48]HufHuf48[/url]

Заранее благодарим за любые советы или альтернативные решения!

Подробнее здесь: https://stackoverflow.com/questions/798 ... on-to-text