fix: prevent scroll reveal elements from flashing

2026-09-14 16:31:01 +03:30
parent 125dee22f0
commit 20b1b72dcd
2 changed files with 10 additions and 1 deletions
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -210,6 +210,13 @@ button:active:not(:disabled) {
  border-color: transparent;
 }

+/* Keep pending reveals hidden only after the controller is ready. */
+@media (prefers-reduced-motion: no-preference) {
+  html[data-motion-ready='true'] :is([data-reveal], [data-footer-reveal]):not([data-visible='true']) {
+    opacity: 0;
+  }
+}
+
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;