feat: 增加header动画

Bootstrap.Client/wwwroot/css/site.css

@@ -13,6 +13,10 @@
         background-position: 98% -28px;
     }
 
+        .header .cloud.move {
+            background-position: 94% -28px;
+        }
+
     .header .bird {
         background-image: url('../images/bird.png');
         background-repeat: no-repeat;
@@ -20,6 +24,10 @@
         padding: 0 15px;
     }
 
+    .header .move .bird {
+        background-position: 104% top;
+    }
+
 .sidebar-toggle-box {
     color: #eee;
 }

Bootstrap.Client/wwwroot/js/common-scripts.js

@@ -16,4 +16,12 @@
         }
         $('body').toggleClass('sidebar-open');
     });
+
+    $('.cloud, .bird').css({
+        "transition": "all linear 3s"
+    });
+
+    $('.cloud').on('mouseenter mouseleave', function () {
+        $(this).toggleClass('move');
+    });
 });