Разбираемся в CSS
Anonymous
Изменение цвета фона при движении вверх [закрыто]
Сообщение
Anonymous » 02 дек 2024, 00:29
Я нашел этот код для изменения цвета фона при перемещении вверх по экрану.
Но теперь я хочу, чтобы цикл после последнего цвета начинался с первого, а не возвращался назад.
Просто непрерывное движение вверх и начните с первого цвета списка.
Код: Выделить всё
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
1733088557
Anonymous
Я нашел этот код для изменения цвета фона при перемещении вверх по экрану. Но теперь я хочу, чтобы цикл после последнего цвета начинался с первого, а не возвращался назад. Просто непрерывное движение вверх и начните с первого цвета списка. [code]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 */ }[/code] [code] [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/79242499/changing-background-colors-moving-upwards[/url]