add animation for page change

2025-08-21 22:18:16 +08:00 · 2021-08-20 02:37:59 +08:00
parent 209e44c2e1
commit f21937b197
6 changed files with 514 additions and 478 deletions
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -183,3 +183,20 @@ h2 {
        background-color: $dark-bg;
    }
 }
+
+/*
+ * Transitions
+ */
+
+// page-change
+.slide-fade-enter-active {
+    transition: all 0.20s $easing-in;
+}
+.slide-fade-leave-active {
+    transition: all 0.20s $easing-in;
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+    transform: translateY(50px);
+    opacity: 0;
+}