[260218]
- 카드 깜빡임 보완 - 모달 상태, 가격 표시 방법 수정
This commit is contained in:
@@ -63,8 +63,27 @@
|
||||
overscroll-behavior: contain;
|
||||
}
|
||||
[id^='thumb-'] {
|
||||
transition: all 0.6s ease-in-out;
|
||||
/* background-image는 0s로 즉시 교체, transform(확대)만 부드럽게 */
|
||||
transition:
|
||||
transform 0.4s ease-out,
|
||||
background-image 0s !important;
|
||||
|
||||
background-color: #f1f5f9;
|
||||
background-size: cover !important;
|
||||
background-position: center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
|
||||
aspect-ratio: 1 / 1;
|
||||
overflow: hidden;
|
||||
will-change: transform;
|
||||
|
||||
/* 기본 상태 */
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* 카드에 호버 시 확대 상태 고정 */
|
||||
.group:hover [id^='thumb-'] {
|
||||
transform: scale(1.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user