]> gitweb.michael.orlitzky.com - charm-bypass.git/commitdiff
src/index.html.in: add the cloud animation
authorMichael Orlitzky <michael@orlitzky.com>
Tue, 10 Oct 2023 15:55:36 +0000 (11:55 -0400)
committerMichael Orlitzky <michael@orlitzky.com>
Tue, 10 Oct 2023 15:57:28 +0000 (11:57 -0400)
src/index.html.in

index eb161326ead0b82fb9fef2d43101ce8c45aa4267..5ef681b99f702ca8efd8f987450d75ec8528e29b 100644 (file)
       #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>