From 413d117cd604b1dd4a560c718b77039f3e0c8872 Mon Sep 17 00:00:00 2001
From: xaoxuu <me@xaoxuu.com>
Date: Tue, 20 Apr 2021 23:26:24 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BB=98=E8=AE=A4=E9=9A=90=E8=97=8F=E5=A4=B4?=
 =?UTF-8?q?=E5=83=8F=E5=85=89=E7=8E=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layout/_partial/sidebar/logo.ejs        | 2 +-
 source/css/_layout/sidebar/sidebar.styl | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layout/_partial/sidebar/logo.ejs b/layout/_partial/sidebar/logo.ejs
index 74d7f20..523837c 100644
--- a/layout/_partial/sidebar/logo.ejs
+++ b/layout/_partial/sidebar/logo.ejs
@@ -2,7 +2,7 @@
   <% if (md_text(theme.sidebar.logo.avatar)) { %>
     <a class='avatar' href='<%- url_for(md_link(theme.sidebar.logo.avatar) || "/") %>'>
       <% if (theme.style.animated_avatar.animate) { %>
-        <img no-lazy class='bg' src='<%- theme.style.animated_avatar.background %>'/>
+        <img no-lazy class='bg' style='opacity:0' src='<%- theme.style.animated_avatar.background %>'/>
       <% } %>
       <img no-lazy class='avatar' src='<%- md_text(theme.sidebar.logo.avatar) %>'/>
     </a>
diff --git a/source/css/_layout/sidebar/sidebar.styl b/source/css/_layout/sidebar/sidebar.styl
index f9bfd40..c0da4cf 100644
--- a/source/css/_layout/sidebar/sidebar.styl
+++ b/source/css/_layout/sidebar/sidebar.styl
@@ -34,9 +34,9 @@
       border-radius: @width
     if hexo-config('style.animated_avatar.animate')
       img.bg
-        trans1 opacity
+        trans1: opacity
         position: absolute
-        opacity: 0
+        opacity: 0 !important
         z-index: -1
       @keyframes spin
         from
@@ -45,13 +45,13 @@
           transform:rotate(360deg)
     if hexo-config('style.animated_avatar.animate') == 'always'
       img.bg
-        opacity: 1
+        opacity: 1 !important
         animation: spin infinite 1s
         animation-timing-function: linear
     if hexo-config('style.animated_avatar.animate') == 'auto'
       &:hover
         img.bg
-          opacity: 1
+          opacity: 1 !important
           animation: spin infinite 1s
           animation-timing-function: linear