diff --git a/css/common.css b/css/common.css index ce9d641..dec1077 100644 --- a/css/common.css +++ b/css/common.css @@ -1586,8 +1586,9 @@ body { .signs-marquee-track { display: flex; - gap: var(--spacing-xl); - animation: signsScroll 15s linear infinite; + gap: clamp(1.5rem, 3vw, 2.5rem); + animation: signsScroll 80s linear infinite; + width: max-content; } .signs-marquee:hover .signs-marquee-track { @@ -1596,7 +1597,7 @@ body { @keyframes signsScroll { 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-50% - var(--spacing-xl) / 2)); } + 100% { transform: translateX(-33.333%); } } .sign-item { @@ -1607,11 +1608,10 @@ body { overflow: hidden; background: var(--bg-light); box-shadow: var(--shadow-sm); - transition: transform 0.3s ease, box-shadow 0.3s ease; + transition: box-shadow 0.3s ease; } .sign-item:hover { - transform: scale(1.05); box-shadow: var(--shadow-md); } diff --git a/index.html b/index.html index 20fd8fb..1243628 100644 --- a/index.html +++ b/index.html @@ -677,27 +677,39 @@
-
김마늘 사인김마늘
-
만타 사인만타
-
문모모 사인문모모
-
베니 사인베니
-
시에 사인시에
-
요나카 사인요나카
-
이무지 사인이무지
-
지한이또 사인지한이또
-
최또 사인최또
-
치요 사인치요
- -
김마늘 사인김마늘
-
만타 사인만타
-
문모모 사인문모모
-
베니 사인베니
-
시에 사인시에
-
요나카 사인요나카
-
이무지 사인이무지
-
지한이또 사인지한이또
-
최또 사인최또
-
치요 사인치요
+ +
김마늘 사인김마늘
+
만타 사인만타
+
문모모 사인문모모
+
베니 사인베니
+
시에 사인시에
+
요나카 사인요나카
+
이무지 사인이무지
+
지한이또 사인지한이또
+
최또 사인최또
+
치요 사인치요
+ +
김마늘 사인김마늘
+
만타 사인만타
+
문모모 사인문모모
+
베니 사인베니
+
시에 사인시에
+
요나카 사인요나카
+
이무지 사인이무지
+
지한이또 사인지한이또
+
최또 사인최또
+
치요 사인치요
+ +
김마늘 사인김마늘
+
만타 사인만타
+
문모모 사인문모모
+
베니 사인베니
+
시에 사인시에
+
요나카 사인요나카
+
이무지 사인이무지
+
지한이또 사인지한이또
+
최또 사인최또
+
치요 사인치요