+ /************************/
+ /* Scrolling animations */
+ /************************/
+ @keyframes busroll {
+ from {
+ transform: translateX(0%);
+ }
+ to {
+ transform: translateX(100%);
+ }
+ }
+
+ #bus {
+ animation: busroll 20s linear infinite;
+ }
+
+ @keyframes tramroll {
+ from {
+ transform: translateX(0%);
+ }
+ to {
+ transform: translateX(100%);
+ }
+ }
+
+ #tram {
+ animation: tramroll 15s linear infinite;
+ }
+
+ @keyframes cloudsfloat {
+ from {
+ transform: translateX(0%);
+ }
+ to {
+ transform: translateX(-50%);
+ }
+ }
+
+ #clouds {
+ animation: cloudsfloat 40s linear infinite;
+ }
+
+ @keyframes cloudscopyfloat {
+ from {
+ transform: translateX(0%);
+ }
+ to {
+ transform: translateX(-50%);
+ }
+ }
+
+ #cloudscopy {
+ animation: cloudscopyfloat 40s linear infinite;
+ }