Как сделать, чтобы при анимации переходы происходили резко?

@Fatmarmelad · Регистрация: 20.02.2016

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
Прописал анимацию (ниже), переходы через три цвета. Но переходы проходят плавно, через полутона. Как можно сделать, чтобы
каждый цвет сменялся другим резко, без перетеканий?
Можно это сделать через animation-timing-function?

CSS

1	@keyframes mult1 { from {background-color:red;}50% {background-color:blue;} 100%{background-color:yellowgreen;}}

CSS

.class {
        animation-name: mult1;
        animation-duration: 10s;
            }

@6elka1703 · 04.10.2018, 22:40

Fatmarmelad,

CSS

1	animation-duration: 10s;

уменьши время анимации и все

@Fatmarmelad · 04.10.2018, 22:43 **[ТС]**

6elka1703, а если нужно, чтоб каждый цвет по несколько секунд задержался?

@Qwerty_Wasd · 05.10.2018, 01:30

Fatmarmelad,

CSS

1	animation-delay

https://webref.ru/css/animation

@Fatmarmelad 34 / 10 / 2 Регистрация: 20.02.2016 Сообщений: 1,594
	04.10.2018, 22:43 [ТС]	3
	6elka1703, а если нужно, чтоб каждый цвет по несколько секунд задержался? 0

	05.10.2018, 01:30

Опции темы