src/index.html.in: reduce the LCM of the bus/tram/train loops

[charm-bypass.git] / src / index.html.in

diff --git a/src/index.html.in b/src/index.html.in
index d6f421324f24046eb2b9c84a7453dcedd13c1dd2..755f54020592ab630097dcaa7e4973f8aa47020d 100644 (file)
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -70,7 +70,7 @@
       }
 
       #bus {
-       animation: busroll 20s linear infinite;
+       animation: busroll 23s linear infinite;
       }
 
 
@@ -85,7 +85,22 @@
       }
 
       #tram {
-       animation: tramroll 15s linear infinite;
+       animation: tramroll 17s linear infinite;
+      }
+
+
+      /* Tram */
+      @keyframes trainroll {
+       from {
+         transform: translateX(0%);
+       }
+       to {
+         transform: translateX(100%);
+       }
+      }
+
+      #train {
+       animation: trainroll 11s linear infinite;
       }