[edit] aos effect

Joy-port · Aug 27, 2021 · 0b69e52 · 0b69e52
1 parent 3598d33
commit 0b69e52
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/app/assets/style/helpers/_base.scss b/app/assets/style/helpers/_base.scss
@@ -15,4 +15,9 @@ a{
 
 img{
     vertical-align: middle;
+}
+
+//動畫效果清除x軸
+html, body {
+    overflow-x: hidden;
 }
diff --git a/app/index.html b/app/index.html
@@ -25,7 +25,7 @@
         pb-md-0
         offset-md-1
       "
-      data-aos="fade-in"
+      data-aos="fade"
       data-aos-duration="1200"
     >
       <div class="content">
@@ -220,7 +220,7 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
     <div class="container-md mb-7 mb-md-13">
       <h3
         class="h3 fw-bold mb-2 mb-md-7"
-        data-aos="fade-in"
+        data-aos="fade"
         data-aos-duration="1200"
       >
         熱門特展
@@ -534,12 +534,12 @@ <h2 class="h6 fw-bold mb-0 me-2">高雄設計節</h2>
   <section>
     <div
       class="container-md mb-7 mb-md-13"
-      data-aos="fade-in"
+      data-aos="fade"
       data-aos-duration="1200"
     >
       <h3
         class="fw-bold mb-2 mb-md-7"
-        data-aos="fade-in"
+        data-aos="fade"
         data-aos-duration="1200"
       >
         直播回顧

diff --git a/app/order-info.html b/app/order-info.html
@@ -89,7 +89,7 @@ <h3 class="h6 fw-medium mb-6">訂購人資訊</h3>
                   required
                   >
                   <button class="btn btn-outline-primary rounded-end py-2 mb-1" type="submit">優惠碼驗證</button>
-                  <!-- 這邊不知道為什麼 即使沒有填寫內容 送出資料後 invalid 的情況下還是會出現這組字-->
+                  <!-- 這邊不知道為什麼 即使沒有填寫內容 送出資料後 invalid 的情況下還是會出現這組字 -->
                   <div id="validtextCheckFeedback" class="text-end text-primary valid-feedback">優惠碼已生效</div>
               </div>