gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. [디자인 QA] GR_GALLERY_02 배경 적용

Browse Source
This commit is contained in:
clkim
2025-11-26 14:45:27 +09:00
parent 72009d43ca
commit 7e645f1072
2 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
layers/components/blocks/slide/CenterFocus.vue
View File

@@ -125,25 +125,34 @@ const handleMove = (
width: var(--banner-width-mo);
height: var(--banner-height-mo-active);
margin-right: var(--banner-gap-mo);
opacity: 0.5;
}
.center-focus:deep(.splide__slide) .slide-inner {
width: var(--banner-width-mo);
height: var(--banner-height-mo);
opacity: 0.5;
transition: all 0.6s ease-out;
transition: transform 0.6s ease-out;
opacity: 0.3;
}
.center-focus:deep(.splide__slide.is-active) {
width: var(--banner-width-mo-container);
}
.center-focus:deep(.splide__slide.is-active),
.center-focus:deep(.splide__slide.is-next),
.center-focus:deep(.splide__slide.is-prev) {
opacity: 1;
}
.center-focus:deep(.splide__slide) .slide-inner {
width: var(--banner-width-mo);
height: var(--banner-height-mo);
background-color: #191919;
transition: all 0.6s ease-out;
}
.center-focus:deep(.splide__slide.is-active) .slide-inner {
width: var(--banner-width-mo-active);
height: var(--banner-height-mo-active);
opacity: 1;
}
.center-focus:deep(.splide__slide.is-next),
.center-focus:deep(.splide__slide.is-prev) {
.center-focus:deep(.splide__slide) .slide-inner .inner-content {
opacity: 0.5;
transition: all 0.6s ease-out;
}
.center-focus:deep(.splide__slide.is-active) .slide-inner .inner-content {
opacity: 1;
}