From 914c855691637764ea58723c9246d5daf5e3e329 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Wed, 4 Oct 2023 22:32:34 +0800
Subject: new image

---
 src/css/style.css | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

(limited to 'src/css/style.css')

diff --git a/src/css/style.css b/src/css/style.css
index a4e608fb..d9bf3c56 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -97,6 +97,10 @@ body {
 }
 
 /* transition */
+* {
+  transition: all 0.3s; 
+}
+
 *:hover {
   transition: all 0.3s
 }
@@ -117,7 +121,7 @@ header {
     align-items:center;
     /* background: color(0, 0, 0, .1); */
     z-index: 1000;
-    background-color: #331E38;
+    background: rgba(128, 128, 128, 0.2)
 }
 
 .navBar a {
@@ -144,19 +148,21 @@ header {
     bottom: 0;
     width: 100%;
     height: 1mm;
-    background: #F4E8C1;
+    background: rgba(128, 128, 128, 0.2);
     border-radius: 1mm;
     transform: scaleX(0);
-    transition: transform 0.3s;
+    transition: all 0.3s;
 }
 
 .navBar a:hover::after {
-    transform: scaleX(1);
+    transform: scaleX(1.1);
 }
 
 .navBar a:hover {
   background: rgba(255, 255, 255, 0.2);
-  transition: background 1s
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+  transition: all 1s
 }
 
 .navBar a.active::after {
@@ -171,6 +177,19 @@ header {
     transform: scaleX(1);
 }
 
+.navBar:active,
+.navBar:hover,
+header:active,
+header:hover,
+#navBarHeader:hover,
+#navBarHeader:active
+{
+  transform: scale(1.005);
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+  transition: all 0.5s
+}
+
 /* other ================================================== */
 
 .contents {
-- 
cgit v1.2.3