Shine effect for significant anniversaries

2025-08-29 13:55:48 +03:00
parent 064ece03f3
commit b1151df0f6
2 changed files with 44 additions and 7 deletions
@@ -26,6 +26,7 @@
    "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --animate-shake: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  --animate-shine: shine 3s ease infinite;

  @keyframes shake {
    10%,
@@ -46,4 +47,16 @@
      transform: translate3d(4px, 0, 0);
    }
  }
+
+  @keyframes shine {
+    0%,
+    100% {
+      background-size: 200% 200%;
+      background-position: left center;
+    }
+    50% {
+      background-size: 200% 200%;
+      background-position: right center;
+    }
+  }
 }