편집 요약 없음 |
편집 요약 없음 |
||
| 25번째 줄: | 25번째 줄: | ||
from { transform: translateX(0); } | from { transform: translateX(0); } | ||
to { transform: translateX(280px); } | to { transform: translateX(280px); } | ||
} | |||
/* 펼접 */ | |||
[id^="collapsible"] { | |||
overflow: hidden; | |||
transition: max-height .25s ease; | |||
max-height: 0; | |||
} | } | ||
2026년 4월 23일 (목) 00:41 판
/* Proitem 애니메이션 */
.wip-stripe-layer {
position: absolute;
top: 0;
left: -280px;
width: calc(100% + 560px);
height: 100%;
opacity: 0.08;
background: repeating-linear-gradient(
45deg,
#969696,
#969696 10px,
transparent 10px,
transparent 20px
);
z-index: 0;
}
.wip-active .wip-stripe-layer {
animation: wip-stripe-move 8s linear infinite;
}
.wip-standby .wip-stripe-layer {
animation: none;
}
@keyframes wip-stripe-move {
from { transform: translateX(0); }
to { transform: translateX(280px); }
}
/* 펼접 */
[id^="collapsible"] {
overflow: hidden;
transition: max-height .25s ease;
max-height: 0;
}