From af73643a78e78c9f1d0a08ecc316f5f8691317ea Mon Sep 17 00:00:00 2001
From: LamHaiMy <37772651+LamHaiMy@users.noreply.github.com>
Date: Mon, 25 Nov 2024 13:08:54 +0700
Subject: [PATCH] update animation

---
 css/detail.css | 3 +++
 detail.html    | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/detail.css b/css/detail.css
index 0b47230..4949c84 100644
--- 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
index 76b4dad..8f79daa 100644
--- 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">