}
#bus {
- animation: busroll 23s linear infinite;
+ animation: busroll 15s linear infinite;
}
}
#tram {
- animation: tramroll 17s linear infinite;
+ animation: tramroll 15s linear infinite;
}
}
#train {
- animation: trainroll 11s linear infinite;
+ animation: trainroll 10s linear infinite;
}
}
#clouds {
- animation: cloudsfloat 40s linear infinite;
+ animation: cloudsfloat 25s linear infinite;
}
@keyframes cloudscopyfloat {
}
#cloudscopy {
- animation: cloudscopyfloat 40s linear infinite;
+ animation: cloudscopyfloat 25s linear infinite;
}
#trees {
/* The trees move a little faster than the clouds */
- animation: treespass 30s linear infinite;
+ animation: treespass 18s linear infinite;
}
@keyframes treescopypass {
#treescopy {
/* The trees move a little faster than the clouds */
- animation: treescopypass 30s linear infinite;
+ animation: treescopypass 18s linear infinite;
}
#city {
/* The city moves faster than the clouds but slower
* than the trees */
- animation: cityscroll 35s linear infinite;
+ animation: cityscroll 20s linear infinite;
}
@keyframes citycopyscroll {
#citycopy {
/* The city moves faster than the clouds but slower
* than the trees */
- animation: citycopyscroll 35s linear infinite;
+ animation: citycopyscroll 20s linear infinite;
}
</style>
</head>