diff --git a/layout/about.ejs b/layout/about.ejs
index c0100cf..84b4744 100644
--- a/layout/about.ejs
+++ b/layout/about.ejs
@@ -1,4 +1,4 @@
-<div class="about-container">
+<div class="about-container fade-in-down-animation">
     <div class="about-content markdown-body">
         <%- page.content %>
     </div>
diff --git a/layout/archive-content.ejs b/layout/archive-content.ejs
index 69b84b2..558b855 100644
--- a/layout/archive-content.ejs
+++ b/layout/archive-content.ejs
@@ -1,3 +1,3 @@
-<div class="archive-container">
+<div class="archive-container fade-in-down-animation">
     <%- partial('_partial/archive-list', {posts_new: site.posts}) %>
 </div>
\ No newline at end of file
diff --git a/layout/article-content.ejs b/layout/article-content.ejs
index fd97c35..061ec1c 100644
--- a/layout/article-content.ejs
+++ b/layout/article-content.ejs
@@ -1,4 +1,4 @@
-<div class="article-content-container">
+<div class="article-content-container fade-in-down-animation">
 
     <div class="article-title">
         <h3><a class="title-hover-animation"><%= page.title %></a></h3>
diff --git a/layout/category-content.ejs b/layout/category-content.ejs
index fda5047..7b9a77c 100644
--- a/layout/category-content.ejs
+++ b/layout/category-content.ejs
@@ -1,4 +1,4 @@
-<div class="category-container">
+<div class="category-container fade-in-down-animation">
     <div class="category-name">
         <i class="fa fa-folder"></i> <%- __('category') %>：<%= page.category %> [<%= page.posts.length %>]
     </div>
diff --git a/layout/home-content.ejs b/layout/home-content.ejs
index a390b63..d1a0b2c 100644
--- a/layout/home-content.ejs
+++ b/layout/home-content.ejs
@@ -1,4 +1,4 @@
-<div class="home-content-container">
+<div class="home-content-container fade-in-down-animation">
     <ul class="home-article-list">
         <% page.posts.forEach(post => { %>
             <li class="home-article-item">
diff --git a/layout/tag-content.ejs b/layout/tag-content.ejs
index fc64b0a..5f091c6 100644
--- a/layout/tag-content.ejs
+++ b/layout/tag-content.ejs
@@ -1,4 +1,4 @@
-<div class="tag-container">
+<div class="tag-container fade-in-down-animation">
     <div class="tag-name"><i class="fa fa-tag"></i> <%- __('tag') %>：<%= page.tag %> [<%= page.posts.length %>]</div>
     <%- partial('_partial/archive-list', {posts_new: page.posts}) %>
 </div>