限制旋转头像作用范围

src/assets/main.css

@@ -97,6 +97,11 @@ a {
     transition: all .3s;
 }
 
+/* 鼠标进入后旋转180度，类开后恢复 */
+.aside .avatar-box .avatar:hover {
+    transform: rotate(720deg);
+}
+
 .aside .avatar-box .info {
     display: flex;
     flex-direction: column;
@@ -116,10 +121,6 @@ a {
     text-align: center;
     transition: all .3s;
 }
-/* 鼠标进入后旋转180度，类开后恢复 */
-.avatar:hover {
-    transform: rotate(720deg);
-}
 
 .main {
     width: 0;