CTA アニメーション調整

Author: Fumito Abe

src/components/CallToAction.vue

@@ -295,14 +295,15 @@
   }
   &::before {
     content: 'Office Hours';
+    filter: blur(2px);
     position: absolute;
     display: block;
     z-index: 0;
     left: 0;
     top: 24px;
     right: 0;
     bottom: 0;
-    opacity: 0.1;
+    opacity: 0.08;
     font-family: $font-en-light;
     font-size: 15vw;
     transition: all 0.4s cubic-bezier(0.76, 0, 0.3, 1);
@@ -312,12 +313,14 @@
     }
     @include media-breakpoint-down(sm) {
       top: 20%;
-      font-size: 14vw;
+      font-size: 14.5vw;
     }
   }
   &:hover::before {
-      opacity: 0.15;
-    }
+    opacity: 0.2;
+    left: 16px;
+    filter: blur(0);
+  }
   // Border
   &::after {
     content: '';

src/components/TopClients.vue

@@ -78,7 +78,7 @@ export default {
     titleAnimation() {
       gsap
         .timeline({
-          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          defaults: { ease: 'Expo.easeInOut', duration: 1.2 }, // timelineのプロパティ
           scrollTrigger: {
             // markers: true, // マーカーを表示するか（開発用）
             trigger: '.section-title', // この要素と交差するとイベントが発火
@@ -99,7 +99,6 @@ export default {
         .fromTo('.title-bottom-line', {
           width: 0,
         }, {
-          delay: 0.2,
           width: 80,
         },'<')
     },

src/components/TopPartners.vue

@@ -63,7 +63,7 @@ export default {
     titleAnimation() {
       gsap
         .timeline({
-          defaults: { ease: 'Expo.easeInOut', duration: 1.6 }, // timelineのプロパティ
+          defaults: { ease: 'Expo.easeInOut', duration: 1.2 }, // timelineのプロパティ
           scrollTrigger: {
             // markers: true, // マーカーを表示するか（開発用）
             trigger: '.section-title-partner', // この要素と交差するとイベントが発火