From c486c1228375ef8a4e114b1a2bb8ed822fbb61fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Norman=20K=C3=B6hring?= <norman.koehring@spenoki.de>
Date: Mon, 13 Feb 2023 22:42:05 +0100
Subject: [PATCH] even nicer walking animation

---
 src/assets/field.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/assets/field.css b/src/assets/field.css
index 06cb132..f7aa555 100644
--- a/src/assets/field.css
+++ b/src/assets/field.css
@@ -78,10 +78,10 @@
   transform-origin: top center;
 }
 #player.walking > .legs > div.right {
-  animation: dangle .4s ease infinite both;
+  animation: dingle .3s linear infinite alternate;
 }
 #player.walking > .legs > div.left {
-  animation: dangle .4s ease infinite reverse both;
+  animation: dangle .3s linear infinite alternate;
 }
 #player > .arms {
   position: absolute;
@@ -90,6 +90,10 @@
   top: 48px;
   left: 30px;
   background-image: url(/Characters/Alien/alien_arm.png);
+  transform-origin: top center;
+}
+#player.walking > .arms {
+  animation: dangle .3s linear infinite alternate;
 }
 .block {
   flex: 0 0 auto;
@@ -110,7 +114,11 @@
   flex-flow: row wrap;
 }
 
-@keyframes dangle {
+@keyframes dingle {
   from { transform: rotate(20deg); }
   to { transform: rotate(-20deg); }
 }
+@keyframes dangle {
+  from { transform: rotate(-20deg); }
+  to { transform: rotate(20deg); }
+}