diff --git a/layers/components/blocks/slide/CenterFocus.vue b/layers/components/blocks/slide/CenterFocus.vue index ebccaa2..af58b98 100644 --- a/layers/components/blocks/slide/CenterFocus.vue +++ b/layers/components/blocks/slide/CenterFocus.vue @@ -131,6 +131,7 @@ const handleMove = ( width: var(--banner-width-mo); height: var(--banner-height-mo); opacity: 0.5; + transition: all 0.6s ease-out; } .center-focus:deep(.splide__slide.is-active) { width: var(--banner-width-mo-container); @@ -140,7 +141,6 @@ const handleMove = ( width: var(--banner-width-mo-active); height: var(--banner-height-mo-active); opacity: 1; - transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1); } .center-focus:deep(.splide__slide.is-next), .center-focus:deep(.splide__slide.is-prev) { diff --git a/layers/components/blocks/slide/CenterHighlight.vue b/layers/components/blocks/slide/CenterHighlight.vue index c28c0ac..3443c9b 100644 --- a/layers/components/blocks/slide/CenterHighlight.vue +++ b/layers/components/blocks/slide/CenterHighlight.vue @@ -131,6 +131,7 @@ const handleMove = ( .center-highlight:deep(.splide__slide) .slide-inner { width: var(--banner-width-mo); height: var(--banner-height-mo); + transition: all 0.6s ease-out; } .center-highlight:deep(.splide__slide.is-active) { width: var(--banner-width-mo-container); @@ -138,7 +139,6 @@ const handleMove = ( .center-highlight:deep(.splide__slide.is-active) .slide-inner { width: var(--banner-width-mo-active); height: var(--banner-height-mo-active); - transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1); } /* PC 스타일 */ diff --git a/layers/templates/GrGallery02/index.vue b/layers/templates/GrGallery02/index.vue index 4c04e90..5d8ccc9 100644 --- a/layers/templates/GrGallery02/index.vue +++ b/layers/templates/GrGallery02/index.vue @@ -101,8 +101,8 @@ const onArrowClick = (direction, targetIndex) => {