26 lines
624 B
CSS
26 lines
624 B
CSS
|
body{
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes backgroundTransition {
|
||
|
|
0% {
|
||
|
|
background-image: url('src/assets/1.jpg');
|
||
|
|
animation-timing-function: ease-out;
|
||
|
|
}
|
||
|
|
25% {
|
||
|
|
background-image: url('src/assets/2.jpg');
|
||
|
|
animation-timing-function: ease-in;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
background-image: url('src/assets/3.jpg');
|
||
|
|
animation-timing-function: ease-out;
|
||
|
|
}
|
||
|
|
75% {
|
||
|
|
background-image: url('src/assets/4.jpg');
|
||
|
|
animation-timing-function: ease-in;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-image: url('src/assets/1.jpg');
|
||
|
|
animation-timing-function: ease-out;
|
||
|
|
}
|
||
|
|
}
|