리펙토링 - 수정 작업한 코드 최적화
This commit is contained in:
@@ -443,40 +443,6 @@ footer span { font-size: 11px; color: var(--muted); }
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
#loading p { color: var(--text); font-size: 14px; }
|
||||
|
||||
/* ── 카드 호버 원형 로딩바 ── */
|
||||
.card-hover-loader {
|
||||
position: absolute;
|
||||
top: calc(var(--thumb-size) / 2);
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
overflow: visible;
|
||||
}
|
||||
.card-hover-loader .loader-bg {
|
||||
fill: rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
.card-hover-loader .loader-track {
|
||||
fill: none;
|
||||
stroke: rgba(255, 255, 255, 0.15);
|
||||
stroke-width: 3;
|
||||
}
|
||||
.card-hover-loader .loader-progress {
|
||||
fill: none;
|
||||
stroke: var(--accent);
|
||||
stroke-width: 3;
|
||||
stroke-linecap: round;
|
||||
transform-origin: 24px 24px;
|
||||
transform: rotate(-90deg);
|
||||
animation: hover-loader-fill 1s linear forwards;
|
||||
}
|
||||
@keyframes hover-loader-fill {
|
||||
from { stroke-dashoffset: 125.66; }
|
||||
to { stroke-dashoffset: 0; }
|
||||
}
|
||||
|
||||
/* ── 호버 이미지 팝업 ── */
|
||||
.hover-preview {
|
||||
position: fixed;
|
||||
|
||||
Reference in New Issue
Block a user