이미지 lazy loading 적용

2026-05-14 11:56:31 +09:00
parent 190e9aa151
commit 2879e1ee0a
3 changed files with 49 additions and 28 deletions
@@ -165,6 +165,16 @@ body {
  background: #08080f;
  display: block;
 }
+/* 이미지 로딩 전 shimmer */
+.card-thumb:not([src]) {
+  background: linear-gradient(90deg, #08080f 25%, #14141f 50%, #08080f 75%);
+  background-size: 200% 100%;
+  animation: thumb-shimmer 1.4s ease-in-out infinite;
+}
+@keyframes thumb-shimmer {
+  0%   { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
 .card-thumb-placeholder {
  width: 100%;
  aspect-ratio: 1 / 1;