Add: 页面动画效果 fade-in-down

layout/page.ejs

@@ -1,6 +1,6 @@
 <!-- 通用页面模板 -->
 <div class="page-container">
-    <div class="page-left">
+    <div class="page-left animated">
         <%- partial('left-side') %>
     </div>
     <div class="page-right">

layout/right-side.ejs

@@ -1,8 +1,8 @@
 <div class="right-side-container">
-    <div class="nav-container">
+    <div class="nav-container animated">
         <%- partial('common/nav') %>
     </div>
-    <div class="article-post-container">
+    <div class="article-post-container animated">
         <% if (is_home()) { %>
             <!-- 载入首页的内容 -->
             <%- partial('common/home-post') %>

source/css/animated.styl

@@ -1,6 +1,7 @@
 .animated {
   animation-fill-mode: both;
   animation-duration: 1s;
+  animation-name fade-in-down
 }
 
 .animated.hinge {
@@ -18,7 +19,3 @@
     transform: translateY(0);
   }
 }
-
-.fade-in-down {
-  animation-name: fade-in-down;
-}