You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

79 lines
1.3 KiB

*,
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a {
text-decoration: none;
}
li,
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-bg {
width: 100%;
height: 100vh;
background-image: url('./image/sky-image.jpg');
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow-x: hidden;
}
.road {
background-image: url('./image/road.png');
height: 200px;
width: 500%;
background-repeat: repeat-x;
background-size: contain;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
animation: road 4s linear infinite;
}
@keyframes road {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-4000px);
}
}
.buildings {
height: 250px;
width: 500%;
background-image: url('./image/city.png');
position: absolute;
background-size: contain;
background-repeat: repeat-x;
bottom: 200px;
left: 0;
right: 0;
display: block;
z-index: 1;
animation: buildings 20s linear infinite;
}
@keyframes buildings {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(-4000px);
}
}