transitions and buttons

2025-12-02 16:31:50 +01:00
parent de5ebd5ab7
commit a5449ff03c
11 changed files with 140 additions and 13 deletions
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,29 @@
 <template>
    <NuxtLayout>
-        <NuxtPage/>
+        <NuxtPage />
    </NuxtLayout>
-</template>
+</template>
+
+<style>
+.page-enter-active,
+.page-leave-active {
+    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.page-enter-from,
+.page-leave-to {
+    scale: 0;
+    opacity: 0;
+    filter: blur(10rem);
+}
+
+.layout-enter-active,
+.layout-leave-active {
+    transition: all 0.3s;
+}
+.layout-enter-from,
+.layout-leave-to {
+    scale: 0;
+    opacity: 0;
+    filter: blur(10rem);
+}
+</style>