Animated arrow

Owez · Dec 10, 2023 · 2658e1f · 2658e1f
1 parent 250635d
commit 2658e1f
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/sass/index.scss b/sass/index.scss
@@ -1,4 +1,4 @@
-$tagline-colour:#c4c4c4;
+$tagline-colour: #c4c4c4;
 
 // Central hero content
 #hero {
@@ -39,7 +39,7 @@ $tagline-colour:#c4c4c4;
     background-position: top center;
 
     nav {
-        background-color: rgba(8,8,22,0.5);
+        background-color: rgba(8, 8, 22, 0.8);
     }
 }
 
@@ -48,6 +48,18 @@ $tagline-colour:#c4c4c4;
     height: 5rem;
     text-align: center;
     color: $tagline-colour;
+    animation: action 1s infinite alternate;
+}
+
+// Up-down animation keyframes for arrow
+@keyframes action {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(-10px);
+    }
 }
 
 // Content