src/index.html.in: add the city skyline animation

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

diff --git a/src/index.html.in b/src/index.html.in
index 8d19568f74c3664f8d3dead6a39bb6f60be26053..992d9eca903717b4c397a414d39daa7acb5c6dd5 100644 (file)
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -170,6 +170,38 @@
         /* The trees move a little faster than the clouds */
        animation: treescopypass 30s linear infinite;
       }
+
+
+      /* City skyline */
+      @keyframes cityscroll {
+       from {
+         transform: translateX(0%);
+       }
+       to {
+         transform: translateX(-50%);
+       }
+      }
+
+      #city {
+        /* The city moves faster than the clouds but slower
+         * than the trees */
+       animation: cityscroll 35s linear infinite;
+      }
+
+      @keyframes citycopyscroll {
+       from {
+         transform: translateX(0%);
+       }
+       to {
+         transform: translateX(-50%);
+       }
+      }
+
+      #citycopy {
+        /* The city moves faster than the clouds but slower
+         * than the trees */
+       animation: citycopyscroll 35s linear infinite;
+      }
     </style>
   </head>