src/day.svg: duplicate the trees so that they can be animated

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

diff --git a/src/index.html.in b/src/index.html.in
index eb161326ead0b82fb9fef2d43101ce8c45aa4267..ff5410f137a5e1c850d7cc1f7c3706fa3661ad66 100644 (file)
--- a/src/index.html.in
+++ b/src/index.html.in
@@ -60,10 +60,10 @@
       /************************/
       @keyframes busroll {
        from {
-         transform: translate(0%, 0%);
+         transform: translateX(0%);
        }
        to {
-         transform: translate(100%, 0%);
+         transform: translateX(100%);
        }
       }
 
@@ -73,16 +73,42 @@
 
       @keyframes tramroll {
        from {
-         transform: translate(0%, 0%);
+         transform: translateX(0%);
        }
        to {
-         transform: translate(100%, 0%);
+         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;
+      }
     </style>
   </head>