update animation

LamHaiMy · Nov 25, 2024 · af73643 · af73643
1 parent a3820e8
commit af73643
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/css/detail.css b/css/detail.css
@@ -36,6 +36,9 @@
   border-radius: 15px;
   padding: 5px 10px;
 }
+.care-post h2 {
+  margin-top: 100px;
+}
 .care-post .updated-post-row img{
   width: 100%;
   height: 200px;

diff --git a/detail.html b/detail.html
@@ -71,7 +71,7 @@
       </div>
     </div>
   </main>
-  <div class="container mt-5">
+  <div class="container mt-5 wow fadeIn" data-wow-duration="2s" data-wow-delay=".25s">
     <div class="row justify-content-start">
       <div class="col-12 mb-5 wow fadeInLeft">
         <span class="badge text-bg-secondary mb-3">KITCHEN</span>
@@ -129,7 +129,7 @@ <h3>Third slide label</h3>
   </div>
   <div class="container mb-5 care-post">
     <h2 class="color-text-primary mb-4">Có thể bạn quan tâm</h2>
-    <div class="row updated-post-row">
+    <div class="row updated-post-row wow fadeInRight" data-wow-delay=".35s">
       <div class="col-3 care-post-column">
         <div class="color-column">
           <img src="./images/4.webp" alt="" class="mb-4">
@@ -170,7 +170,7 @@ <h4 class="ellipsis-text clamp-2">Xu hướng thiết kế văn phòng hiện đ
   </div>
   <div class="container update-post">
     <h2 class="mb-4">Cập nhật mới</h2>
-    <div class="row updated-post-row">
+    <div class="row updated-post-row wow bounceIn" data-wow-delay=".60s">
       <div class="col-4 new-post 1">
         <img src="./images/4.webp" alt="" class="mb-4">
         <div class="post-content">