Изменение цвета фона при движении вверх [закрыто]CSS

Разбираемся в CSS
Ответить
Anonymous
 Изменение цвета фона при движении вверх [закрыто]

Сообщение Anonymous »

Я нашел этот код для изменения цвета фона при перемещении вверх по экрану.
Но теперь я хочу, чтобы цикл после последнего цвета начинался с первого, а не возвращался назад.
Просто непрерывное движение вверх и начните с первого цвета списка.

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

body {
margin: 0;
height: 100vh;
overflow: hidden;
}

.container {
height: 400%;
/* Contains four full viewport heights */
animation: move 10s linear infinite;
}

.section {
height: 100vh;
/* Each section takes the full height of the viewport */
}

.section1 {
background-color: #FF5733;
}

/* Red */

.section2 {
background-color: #33FF57;
}

/* Green */

.section3 {
background-color: #3357FF;
}

/* Blue */

.section4 {
background-color: #F3FF33;
}

/* Yellow */

@keyframes move {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-75%);
}
/* Moves up through 4 sections */
100% {
transform: translateY(0);
}
/* Reset to start */
}



Подробнее здесь: https://stackoverflow.com/questions/792 ... ng-upwards
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»