CSS: вернуть анимацию к исходному значению (цвет фона) ⇐ CSS

[Anonymous]

У меня есть окошко, которое я хочу мигать.

• оно должно мигать бесконечно (бесконечно)
• оно мигает белым и возвращается к исходному цвету.
• между каждым циклом должна быть «пауза» (цвет остается прежним)
• только CSS, нет js

Это фрагмент соответствует всем критериям. Ключевые кадры 30% и 70% предназначены для паузы между каждым циклом, где он остается полностью зеленым. В промежутках он мигает белым.
Но в этом примере используются жестко запрограммированные цвета. Можно ли просто установить цвет для объекта (здесь тела)? Затем поле мигает белым и возвращается к исходному цвету, независимо от того, какой цвет у окна в данный момент. К сожалению, использование «inherit» или «initial» в ключевых кадрах возвращает его к белому цвету.

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

body {
animation: blink 3s infinite ease-in-out;
background-color: green;
}

@keyframes blink {
30% {background-color: green;}
50% {background-color: white;}
70% {background-color: green;}
}

Подробнее здесь: https://stackoverflow.com/questions/792 ... ound-color