From 94f5fcd6ff5854ddb7f0bfa397d2773324750a72 Mon Sep 17 00:00:00 2001
From: qsyyke <2291308094@qq.com>
Date: Sat, 25 Dec 2021 21:13:12 +0800
Subject: [PATCH] fix: fix about title not animate

---
 .../lib/client/styles/theme.style.css         | 65 ++-----------------
 1 file changed, 5 insertions(+), 60 deletions(-)

diff --git a/Aurora-theme/lib/client/styles/theme.style.css b/Aurora-theme/lib/client/styles/theme.style.css
index ee81e8661..9752d1327 100644
--- a/Aurora-theme/lib/client/styles/theme.style.css
+++ b/Aurora-theme/lib/client/styles/theme.style.css
@@ -568,75 +568,20 @@ li {
     bottom: -30%;
     content: "";
     border-radius: 10px;
-    -webkit-animation: aboutTitleLevel .9s;
-    animation: aboutTitleLevel .9s;
-    -webkit-animation-iteration-count: 1;
-    animation-iteration-count: 1;
-    -webkit-animation-fill-mode: forwards;
-    animation-fill-mode: forwards
+    transition: all 900ms;
+    width: 40%;
+    background: rgba(0, 207, 200, .4);
 }
 
 .about-title-single:hover .about-title-single-value:before {
-    -webkit-animation: aboutTitleChange .9s;
-    animation: aboutTitleChange .9s;
-    -webkit-animation-iteration-count: 1;
-    animation-iteration-count: 1;
-    -webkit-animation-fill-mode: forwards;
-    animation-fill-mode: forwards
+    width: 90%;
+    background: rgba(0, 207, 200, .9);
 }
 
 .link-title {
     margin-bottom: 1.5rem
 }
 
-@-webkit-keyframes aboutTitleLevel {
-    0% {
-        background: rgba(0, 207, 200, .9);
-        width: 100%
-    }
-
-    to {
-        background: rgba(0, 207, 200, .4);
-        width: 40%
-    }
-}
-
-@keyframes aboutTitleLevel {
-    0% {
-        background: rgba(0, 207, 200, .9);
-        width: 100%
-    }
-
-    to {
-        background: rgba(0, 207, 200, .4);
-        width: 40%
-    }
-}
-
-@-webkit-keyframes aboutTitleChange {
-    0% {
-        background: rgba(0, 207, 200, .4);
-        width: 40%
-    }
-
-    to {
-        width: 100%;
-        background: rgba(0, 207, 200, .9)
-    }
-}
-
-@keyframes aboutTitleChange {
-    0% {
-        background: rgba(0, 207, 200, .4);
-        width: 40%
-    }
-
-    to {
-        width: 100%;
-        background: rgba(0, 207, 200, .9)
-    }
-}
-
 #page-top {
     position: relative;
     border-radius: var(--borderRadius);