diff --git a/src/index.css b/src/index.css index a1ad495..782fac4 100644 --- a/src/index.css +++ b/src/index.css @@ -210,8 +210,12 @@ textarea { } @keyframes zk-rise { - from { opacity: 0; transform: translateY(6px); } - to { opacity: 1; transform: none; } + /* Opacity ONLY. A translateY here promoted every element it touched to a GPU + layer, and text composited on a transformed layer renders blurry in Chrome + on Linux — which made the whole app look soft. The fade alone gives the + entrance without ever moving text onto a fractional-pixel layer. */ + from { opacity: 0; } + to { opacity: 1; } } @keyframes zk-shimmer { diff --git a/src/layout/Shell.css b/src/layout/Shell.css index c7c5284..5917e7b 100644 --- a/src/layout/Shell.css +++ b/src/layout/Shell.css @@ -190,7 +190,6 @@ max-width: 1460px; margin: 0 auto; padding: 30px 34px 76px; - animation: zk-rise 0.28s var(--ease) both; } /* ── Narrow viewports: the rail lies down and scrolls ──────── */