Integrated animations in the Waiting styles.sass

2023-11-19 15:51:33 +01:00 · 2023-11-19 15:51:33 +01:00 · e940275b69
commit e940275b69
parent cdd68c0c61
1 changed files with 10 additions and 1 deletions
--- a/client/src/pages/Game/states/Waiting/styles.sass
+++ b/client/src/pages/Game/states/Waiting/styles.sass
@ -17,10 +17,12 @@

    span
      color: $primary
+      animation: rotateHue 5s linear infinite

  .info-area
    padding: 1rem
    width: 20rem
+    animation: bounceIn 0.7s ease-out

    h2
      margin: 0
@ -28,4 +30,11 @@
      margin-bottom: 0
    span
      color: $primary
-      font-weight: 800
+      font-weight: 800
+
+
+@keyframes rotateHue
+  0%
+    filter: hue-rotate(0deg)
+  100%
+    filter: hue-rotate(360deg)