diff --git a/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml b/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml
index 2387ffe3..51e11a47 100644
--- a/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml
+++ b/src/client/Bootstrap.Client/Views/Shared/_Root.cshtml
@@ -13,7 +13,7 @@
         <link href="../css/IE8.css" rel="stylesheet" />
     <![endif]-->
 </head>
-<body>
+<body class="trans-mute">
     <!--[if lt IE 10 ]>
     <div id="ieAlert" class="alert alert-danger alert-dismissible">
         <div>你的浏览器版本太低，不能完美的支持本系统，请升级到至少IE10 <a href="../IE/IE10.exe" target="_blank">本地下载</a> <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">微软下载</a>，或者使用Chrome浏览器 <a href="../Software/ChromeSetup.exe" target="_blank">本地下载</a></div>
diff --git a/src/client/Bootstrap.Client/wwwroot/css/site.css b/src/client/Bootstrap.Client/wwwroot/css/site.css
index 031b9f12..bed2bf45 100644
--- a/src/client/Bootstrap.Client/wwwroot/css/site.css
+++ b/src/client/Bootstrap.Client/wwwroot/css/site.css
@@ -1,4 +1,8 @@
 ﻿/*Title*/
+body.trans-mute * {
+    transition: none !important;
+}
+
 .bg {
     display: none;
 }
diff --git a/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js b/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js
index ea78ffed..f2b1021d 100644
--- a/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js
+++ b/src/client/Bootstrap.Client/wwwroot/js/common-scripts.js
@@ -39,6 +39,9 @@
 })(jQuery);
 
 $(function () {
+    // enable animoation effect
+    $('body').removeClass('trans-mute');
+
     var $sideMenu = $(".sidebar ul");
 
     // breadcrumb
