Fix result screen bleeding onto intro (gate clipReveal animation to .active)

d1aaa328f8b78cb8f17db646a08263ce1440e565 · 2026-07-25 01:06:01 -0700 · Steve Abrams

Files touched

M index.html

Diff

commit d1aaa328f8b78cb8f17db646a08263ce1440e565
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Jul 25 01:06:01 2026 -0700

    Fix result screen bleeding onto intro (gate clipReveal animation to .active)
---
 index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e1d4005..984cfbd 100644
--- a/index.html
+++ b/index.html
@@ -319,7 +319,9 @@
     }
 
     /* ---- Result screen ---- */
-    .result {
+    /* Animation only fires when active — otherwise `both` fill-mode would
+       hold the screen at opacity:1 on load and bleed it over the intro. */
+    .result.active {
       animation: clipReveal 0.7s var(--ease-out) both;
     }
     .result-inner {

← 78a0a74 Designer Wallcoverings style quiz: fixed GPT-5.1 layout bug, · back to Dw Style Quiz · (newest)