From 810b96d0a60f40d10672001615432ccc7421bb02 Mon Sep 17 00:00:00 2001
From: Rieko-wang <rieko.wang@student.com>
Date: Mon, 28 Nov 2022 13:53:27 +0800
Subject: [PATCH] optimize animation position

---
 css/style.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index ddbcac5..43e4fd8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -312,17 +312,17 @@ img {
 
 .font-animation-box {
   position: absolute;
-  /* background-color: rgba(255, 255, 255, 0.7); */
+  background-color: rgba(255, 255, 255, 0.7);
   width: 30%;
   left: 25%;
-  height: 3.2rem;
+  height: 3rem;
   top: 0.5rem;
   font-size: 1.3rem;
   color: #fff;
   overflow: hidden;
 }
 .font-animation-box .box-list div {
-  height: 3.2rem;
+  height: 3rem;
   display: flex;
   align-items: center;
 }
@@ -330,13 +330,13 @@ img {
   width: 100%;
   height: 6.4rem;
   position: absolute;
-  top: 3.2rem;
+  top: 3rem;
   animation: fonMoveTop 5s infinite backwards;
 }
 
 @keyframes fonMoveTop {
   0% {
-    top: 3.2rem;
+    top: 3rem;
   }
   10% {
     top: 0;
@@ -345,12 +345,12 @@ img {
     top: 0;
   }
   60% {
-    top: -3.2rem;
+    top: -3rem;
   }
   99.99999% {
-    top: -3.2rem;
+    top: -3rem;
   }
   100% {
-    top: 3.2rem;
+    top: 3rem;
   }
 }