added fade animation

2025-01-07 22:33:43 +03:30
parent 514101214d
commit a956dac420
1 changed files with 23 additions and 3 deletions
@@ -31,13 +31,11 @@
 .fade-enter-to,
 .fade-leave-from {
    opacity: 1;
-    transform: scale(1);
 }

 .fade-enter-from,
 .fade-leave-to {
    opacity: 0;
-    transform: scale(0.95);
 }

 /*
@@ -81,4 +79,26 @@
 .fade-right-to-left-leave-to {
    opacity: 0;
    transform: translateX(30px) scale(0.95);
-}
+}
+
+/*
+    FadeRight animation
+*/
+
+.fade-right-leave-active,
+.fade-right-enter-active {
+    transform-origin: right;
+    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+}
+
+.fade-right-enter-to,
+.fade-right-leave-from {
+    opacity: 1;
+    transform: translateX(0);
+}
+
+.fade-right-enter-from,
+.fade-right-leave-to {
+    opacity: 0;
+    transform: translateX(100%);
+}