From 83ee7c2e2f3f0eeab8d71bf4a30cb48d10b0b384 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Fri, 29 Dec 2023 07:53:39 +0800
Subject: adjust mobile animation all .3s

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

(limited to 'src')

diff --git a/src/css/style.css b/src/css/style.css
index cd9a6abe..b398872a 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -30,8 +30,8 @@
 }
 
 @font-face {
-font-family: audiowide;
-src: url(/fonts/audiowide.ttf);
+    font-family: audiowide;
+    src: url(/fonts/audiowide.ttf);
 }
 /* page setup ============================================= */
 
@@ -46,6 +46,12 @@ src: url(/fonts/audiowide.ttf);
     /* transition: all 0.3s; */
 }
 
+@media (pointer:none), (pointer:coarse) {
+    * {
+        transition: all .3s;
+    }
+}
+
 body {
     top: 0;
     left: 0;
@@ -53,7 +59,7 @@ body {
 }
 
 body::-webkit-scrollbar {
-display: none;
+    display: none;
 }
 
 /* animation ============================================== */
@@ -152,6 +158,17 @@ to {
     }
 }
 
+@keyframes scroll {
+    from {
+        opacity: 0.8;
+        scale: 0.75;
+    }
+    to {
+        opacity: 1;
+        scale: 1;
+    }
+}
+
 /* animation: name duration timing-function delay iteration-count direction fill-mode; */
 
 
@@ -357,10 +374,10 @@ section {
 }
 
 .wrapper {
-height: 100vh;
-overflow-y: auto;
-overflow-x: hidden;
-perspective: 10px;
+    height: 100vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+    perspective: 10px;
 }
 
 a:hover {
-- 
cgit v1.2.3