Как сделать плавный выход на @keyframes?

Question

[Валерия]

Привет! Помогите, пожалуйста, настроить цвет фона. К примеру, я вхожу в черный медленно и красиво, а выхожу из него резко. Можно ли как-то сделать, чтобы выход из последнего фона к первому в цикле был плавным?

спасибо!

.regulations {
    padding-bottom: 3%;
    animation: colorchange 100s infinite;
}
@keyframes colorchange {
    0% {
        background: #1bacff;
    }
    50% {
        background: #312785;
    }
    100% {
        background: black;
    }
}

Answer 1

[xmoonlight]

Добавить кадров, вставив чёрный посередине (в 50%).

Answer 2

[Lord_Dantes]

https://codepen.io/lord-dantes/pen/wvBWydV

Comments

[Валерия]

спасибо большое =)

Answer 3

[forspamonly2]

animation-direction: alternate;

Comments

[Валерия]

спасибо! замечательное решение!