Add fade transition

2022-06-29 22:58:32 +03:00
parent 9edd961865
commit 641a572fc1
9 changed files with 272 additions and 148 deletions
--- a/styles/transitions.scss
+++ b/styles/transitions.scss
@@ -0,0 +1,17 @@
+.fadeTransition-enter {
+  opacity: 0;
+}
+
+.fadeTransition-enter-active {
+  opacity: 1;
+  transition: opacity 1000ms;
+}
+
+.fadeTransition-exit {
+  opacity: 1;
+}
+
+.fadeTransition-exit-active {
+  opacity: 0;
+  transition: opacity 1000ms;
+}