Добавить анимацию* к цвету фона* в CSS

---

Я хочу анимировать цвет фона* элемента. В данном конкретном пути:
_____________________________________
[формат HTML]
[голова]
.пример-класс {анимация: имя 2С бесконечными}
@keyframes example-class {10%{color:black;}100%{color:white;}}
[/голова]



[тело]
[h1 class="example-class"]текст примера не имеет цвета фона или анимации.
[/h1]
[/тело]
[/формат HTML]
_____________________________________

Как сделать анимацию* в качестве цвета фона* для [h1]?

Что я уже пробовал:

[голова]
.пример-класс {анимация: имя 2С бесконечными}
@keyframes example-class {10%{color:black;}100%{color:white;}}
.h1-background { background-color: "пример-класс" }
[/голова]

---