Session 1: Particle effects system with click, building, and achievement visual feedback

2026-08-19 13:26:07 +00:00
parent 1df8bd9dd6
commit 42adcdaa87
7 changed files with 257 additions and 0 deletions
@@ -556,6 +556,32 @@ h2, h3 {
    }
 }

+/* Particle Effects */
+.particle {
+    will-change: transform, opacity;
+}
+
+/* Ambient Stars Background */
+.ambient-star {
+    position: absolute;
+    background: radial-gradient(circle, #ffffff 0%, transparent 70%);
+    border-radius: 50%;
+    animation: twinkle ease-in-out infinite;
+    pointer-events: none;
+    z-index: 1;
+}
+
+@keyframes twinkle {
+    0%, 100% {
+        opacity: 0.2;
+        transform: scale(1);
+    }
+    50% {
+        opacity: 0.8;
+        transform: scale(1.3);
+    }
+}
+
 /* Scrollbar Styling */
 ::-webkit-scrollbar {
    width: 8px;