新增輪播效果

style.css

@@ -214,6 +214,10 @@ body .arrow:hover {
   width: 100vw;
   -o-object-fit: cover;
      object-fit: cover;
+  -webkit-animation-name: Picture;
+          animation-name: Picture;
+  -webkit-animation-duration: 1s;
+          animation-duration: 1s;
 }
 
 @media screen and (max-width: 767px) {
@@ -359,4 +363,26 @@ body .arrow:hover {
   padding: 15px;
   color: #fff;
 }
+
+@-webkit-keyframes Picture {
+  0% {
+    -webkit-transform: scale(1.3);
+            transform: scale(1.3);
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+
+@keyframes Picture {
+  0% {
+    -webkit-transform: scale(1.3);
+            transform: scale(1.3);
+  }
+  100% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
 /*# sourceMappingURL=style.css.map */

style.scss

@@ -181,6 +181,8 @@ body {
         .banner-img{
             width: 100vw;
             object-fit: cover;
+            animation-name:Picture;
+            animation-duration: 1s;
             @media screen and(max-width:$moblie) {
                 height: 80vh;
             
@@ -297,3 +299,12 @@ body {
         color: #fff;
     }
 }
+
+@keyframes Picture{
+    0%{
+        transform: scale(1.3);
+    }
+    100%{
+        transform: scale(1);
+    }
+}