diff --git a/404.php b/404.php
index da88fb8..e9bd17e 100644
--- a/404.php
+++ b/404.php
@@ -1,7 +1,7 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 <?php $this->need('header.php'); ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
             <h1 class="font-weight-bold">404 NOT FOUND.</h1>
             <hr>
diff --git a/archives.php b/archives.php
index 8f18010..5326786 100644
--- a/archives.php
+++ b/archives.php
@@ -8,7 +8,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title">文章归档</h1>
         <?php Typecho_Widget::widget('Widget_Stat')->to($stat);?><?php $stat->publishedPostsNum() ?> 篇文章，<?php echo allOfCharacters();?> 文字。
diff --git a/footer.php b/footer.php
index 5c62618..9349a7a 100644
--- a/footer.php
+++ b/footer.php
@@ -57,7 +57,7 @@
     });
 </script>
 
-<footer class="mt-5 mb-5" id="footer" role="footer">
+<footer class="mt-5 mb-5 animate__animated animate__fadeIn" id="footer" role="footer">
     <div class="container">
         <hr>
         <div class="text-center">
diff --git a/friends.php b/friends.php
index b833667..e07d1e1 100644
--- a/friends.php
+++ b/friends.php
@@ -8,7 +8,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title">友情链接</h1>
 		<hr>
diff --git a/header.php b/header.php
index 60c0f55..53cbe7a 100644
--- a/header.php
+++ b/header.php
@@ -52,6 +52,9 @@
     <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
 
+    <!-- Animate.css -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@latest/animate.min.css"/>
+
     <?php $this->options->headerCode(); ?>
     <style><?php $this->options->cutsomCSS(); ?></style>
 
diff --git a/homepage.php b/homepage.php
index bdd78cf..21f4625 100644
--- a/homepage.php
+++ b/homepage.php
@@ -52,6 +52,9 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
     <!-- KaTeX css via jsDelivr-->
     <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css"> -->
 
+    <!-- Animate.css -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@latest/animate.min.css"/>
+
     <?php $this->options->headerCode(); ?>
     <style><?php $this->options->cutsomCSS(); ?></style>
 
@@ -85,7 +88,7 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
 </nav>
 <?php endif; ?>
 
-<div class="flex-container">
+<div class="flex-container animate__animated animate__fadeIn">
     <header id="header" class="clearfix mb-4">
         <div class="container">
             <div class="row">
@@ -147,7 +150,7 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
     </nav>
 </div>
 
-<footer class="mt-5 mb-5" id="footer" role="footer">
+<footer class="mt-5 mb-5 animate__animated animate__fadeIn" id="footer" role="footer">
     <div class="container">
         <hr>
         <div class="text-center">
diff --git a/index.php b/index.php
index deccc29..0db99d9 100644
--- a/index.php
+++ b/index.php
@@ -12,7 +12,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
     $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <?php if ($this->options->notification !='') { ?>
     <div class="alert alert-primary alert-dismissible fade show shadow" role="alert">
         <?php if ($this->options->notificationIcon != '') { ?>
diff --git a/page.php b/page.php
index a38b8fe..b7be278 100644
--- a/page.php
+++ b/page.php
@@ -5,7 +5,7 @@
     <script type='text/javascript'>window.location.href = '<?php echo $this->fields->linkTo ?>';</script>
 <?php endif; ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title"><?php $this->title() ?></h1>
         <hr>
diff --git a/post.php b/post.php
index 00848a8..3321a44 100644
--- a/post.php
+++ b/post.php
@@ -5,7 +5,7 @@
     <script type='text/javascript'>window.location.href = '<?php echo $this->fields->linkTo ?>';</script>
 <?php endif; ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <?php if ($this->fields->headPic !=''): ?>
             <a data-fancybox="gallery" href="<?php $this->fields->headPic(); ?>" data-caption="<?php $this->title(); ?>">