Fix bug in info page animation

2026-04-22 07:04:53 +08:00 · 2018-11-01 01:35:18 +01:00
parent 9ef6abebc1
commit a18e06d3c7
2 changed files with 6 additions and 2 deletions
--- a/client/styles.css
+++ b/client/styles.css
@@ -497,9 +497,13 @@ input {
    border-radius: 50%;
    background: var(--primary-color);
    transform: scale(0);
+    z-index: -1;
+}
+
+/* Hack such that initial scale(0) isn't animated */
+#about x-background{
    will-change: transform;
    transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
-    z-index: -1;
 }

 #about:target x-background {