From c6c0a99b463793005be84998a0cf05143cbcaca5 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Wed, 10 Jan 2024 16:17:27 +0800
Subject: make it more dynamic, long click scale

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

(limited to 'src')

diff --git a/src/css/style.css b/src/css/style.css
index 5d277551..f9bf5013 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -384,8 +384,8 @@ header {
 .navBar a:hover {
     /* background: rgba(255, 255, 255, 0.2); */
     /* outline: ridge rgba(128, 128, 128, .6); */
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    /* -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px); */
     -webkit-transition: all 1s;
     transition: all 1s
 }
@@ -404,22 +404,28 @@ header {
 
 .navBar:active,
 .navBar:hover,
-header:active,
 header:hover,
-#navBarHeader:hover,
-#navBarHeader:active
+#navBarHeader:hover
+/* #navBarHeader:active */
 {
     transform: scale(1.005);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    /* -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px); */
     transition: all 0.5s
 }
 
+header:active,
+#navBarHeader:active,
+.navBar:active {
+    transform: scale(1.05);
+    /* transition: transform 700ms; */
+}
+
 .navBar,
 header,
 #navBarHeader {
-    -webkit-backdrop-filter: blur(2.5px);
-    backdrop-filter: blur(2.5px);
+    /* -webkit-backdrop-filter: blur(2.5px);
+    backdrop-filter: blur(2.5px); */
     transition: all 0.5s
 }
 
@@ -443,6 +449,11 @@ section {
     perspective: 10px;
 }
 
+/* a {
+    outline: 3px solid currentColor;
+    outline-offset: -6px;
+} */
+
 a:hover {
     font-weight: bold;
     text-decoration: underline;
-- 
cgit v1.2.3