diff --git a/themes/heo/components/Header.js b/themes/heo/components/Header.js
index f0b823dc..3e1fd814 100644
--- a/themes/heo/components/Header.js
+++ b/themes/heo/components/Header.js
@@ -140,7 +140,7 @@ const Header = props => {
       {/* 顶部导航菜单栏 */}
       <nav
         id='nav'
-        className={`z-20 h-16 top-0 w-full
+        className={`z-20 h-16 top-0 w-full duration-500 transition-all
             ${fixedNav ? 'fixed' : 'relative bg-transparent'} 
             ${textWhite ? 'text-white ' : 'text-black dark:text-white'}  
             ${navBgWhite ? 'bg-white dark:bg-[#18171d] shadow' : 'bg-transparent'}`}>