add fancy background animations nav

2023-05-18 17:31:02 +02:00
parent ccf1c67837
commit f659c53a64
3 changed files with 27 additions and 2 deletions
--- a/newVersion/css/navstyle.css
+++ b/newVersion/css/navstyle.css
@@ -13,7 +13,8 @@
 #nav-menu {
    width: 100%;
    height: 100%;
-    background-color: rgba(0, 0, 0, 0.85);
+    background: repeating-linear-gradient( 45deg, rgba(0, 0, 0, 0.822), rgba(22, 17, 65, 0.822) 5% );
+    background-size: 150vh 150vh;
    position: fixed;
    display: block;
    z-index: 10;
@@ -22,6 +23,7 @@
    bottom: 0;
    left: 1;
    right: 1;
+    transition: background-position 0.5s ease-in-out;
 }

 .nav-container {