调整页面加载动画

Author: wu-kan

_config.yml

@@ -535,19 +535,9 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
             box-shadow: 0 .25rem .5rem rgba(0, 0, 0, 0.1);
           }
           .content {
-            background-color: rgba(255, 255, 255, 0.8);
-            box-shadow: 0 .25rem .5rem .5rem rgba(255, 255, 255, 0.8);
+            background-color: rgba(255, 255, 255, 0.9);
+            box-shadow: 0 .25rem .5rem .5rem rgba(255, 255, 255, 0.9);
             border: none;
-            animation: animationAppear 2s;
-          }
-          @keyframes animationAppear {
-            0% {
-              opacity: 0;
-            }
-            50% {
-              opacity: 0;
-            }
-            100% {}
           }
           @media (min-width: 70em) {
             .container {
@@ -628,6 +618,23 @@ jekyll-theme-WuK: # 我的主题的自定义样式都在这个命名空间
             background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
           }
           /*滚动条效果end*/
+          /*动画效果start*/
+          .masthead,
+          .content,
+          .sidebar-toggle,
+          .pio-container {
+            animation: animationAppear 2s;
+          }
+          @keyframes animationAppear {
+            0% {
+              opacity: 0;
+            }
+            33% {
+              opacity: 0;
+            }
+            100% {}
+          }
+          /*动画效果end*/
         </style>
 
 readme_index: