From 8f9304acfc40a83fff845886cfbf32acb45cb67a Mon Sep 17 00:00:00 2001 From: Michael Orlitzky Date: Sun, 15 Oct 2023 23:47:07 -0400 Subject: [PATCH] src/index.html.in: add the city skyline animation --- src/index.html.in | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/src/index.html.in b/src/index.html.in index 8d19568..992d9ec 100644 --- 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; + } -- 2.44.2