aos animate

components/Tabs.js

@@ -51,7 +51,7 @@ const Tabs = ({ className, children }) => {
             {children.map((item, index) => {
               return <section key={index}
                     data-aos="fade-up"
-                    data-aos-duration="600"
+                    data-aos-duration="300"
                     data-aos-easing="ease-in-out"
                     data-aos-once="true"
                     data-aos-anchor-placement="top-bottom">

themes/fukasawa/components/Card.js

@@ -1,7 +1,7 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div className={className}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/hexo/components/Announcement.js

@@ -8,7 +8,7 @@ const Announcement = ({ post, className }) => {
   if (post?.blockMap) {
     return <div
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/hexo/components/BlogPostCard.js

@@ -15,9 +15,9 @@ const BlogPostCard = ({ post, showSummary, index, siteInfo }) => {
     <div
         key={post.id}
         data-aos="fade-up"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
-        data-aos-once="false"
+        data-aos-once="true"
         data-aos-anchor-placement="top-bottom"
         className={`flex md:flex-row flex-col-reverse  ${index % 2 === 0 ? 'md:flex-row-reverse' : ''}
         w-full md:h-72 h-96 justify-between overflow-hidden drop-shadow-md  

themes/matery/components/BlogPostCard.js

@@ -16,7 +16,7 @@ const BlogPostCard = ({ post, showSummary, siteInfo }) => {
           data-aos="zoom-in"
           data-aos-duration="300"
           data-aos-easing="ease-in-out"
-          data-aos-once="false"
+          data-aos-once="true"
           data-aos-anchor-placement="top-bottom"
           className="w-full mb-4 h-full overflow-auto drop-shadow-md border dark:border-black rounded-xl bg-white dark:bg-hexo-black-gray">
 

themes/medium/components/BlogPostCard.js

@@ -14,7 +14,7 @@ const BlogPostCard = ({ post, showSummary }) => {
         <div
             key={post.id}
             data-aos="fade-up"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"

themes/next/components/ArticleDetail.js

@@ -28,7 +28,7 @@ export default function ArticleDetail(props) {
   return (
       <div id="container"
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"

themes/next/components/Card.js

@@ -1,9 +1,9 @@
 const Card = ({ children, headerSlot, className }) => {
   return <div
     data-aos="fade-down"
-    data-aos-duration="600"
+    data-aos-duration="300"
     data-aos-easing="ease-in-out"
-    data-aos-once="false"
+    data-aos-once="true"
     data-aos-anchor-placement="top-bottom"
     className={className}>
     <>{headerSlot}</>

themes/next/components/PaginationNumber.js

@@ -18,7 +18,7 @@ const PaginationNumber = ({ page, totalPage }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/next/components/PaginationSimple.js

@@ -17,7 +17,7 @@ const PaginationSimple = ({ page, showNext }) => {
   return (
     <div
         data-aos="fade-down"
-        data-aos-duration="600"
+        data-aos-duration="300"
         data-aos-easing="ease-in-out"
         data-aos-once="false"
         data-aos-anchor-placement="top-bottom"

themes/next/components/SideAreaLeft.js

@@ -27,7 +27,7 @@ const SideAreaLeft = props => {
 
         <section
             data-aos="fade-down"
-            data-aos-duration="600"
+            data-aos-duration="300"
             data-aos-easing="ease-in-out"
             data-aos-once="false"
             data-aos-anchor-placement="top-bottom"