feat: 六項優先動畫

2026-06-02 10:49:36 +08:00
parent c291ec7ce6
commit 7708a0e632
3 changed files with 222 additions and 0 deletions
@@ -540,4 +540,63 @@ img {
    z-index: 10;
    white-space: nowrap;
    opacity: 1;
+}
+
+@keyframes access-canceled-breathe {
+
+    0%,
+    100% {
+        opacity: 0.7;
+    }
+
+    50% {
+        opacity: 1;
+    }
+}
+
+@keyframes concert-stamp-before {
+    0% {
+        opacity: 0;
+        transform: rotate(-12deg) scale(1.18);
+    }
+
+    100% {
+        opacity: 1;
+        transform: rotate(-12deg) scale(1);
+    }
+}
+
+@keyframes concert-stamp-after {
+    0% {
+        opacity: 0;
+        transform: rotate(8deg) scale(1.18);
+    }
+
+    100% {
+        opacity: 1;
+        transform: rotate(8deg) scale(1);
+    }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+    .con-4.con-access-denied[data-tour="ACCESS"]::before {
+        animation: access-canceled-breathe 2.6s ease-in-out infinite;
+    }
+
+    .attended::before {
+        animation: concert-stamp-before 0.5s ease-out backwards;
+    }
+
+    .attended::after {
+        animation: concert-stamp-after 0.5s ease-out 0.14s backwards;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+    .con-4.con-access-denied[data-tour="ACCESS"]::before,
+    .attended::before,
+    .attended::after {
+        animation: none;
+    }
 }