adding stuff

2022-01-31 12:00:48 -08:00
parent 6a349f2227
commit 260a90c2fe
4 changed files with 62 additions and 5 deletions
@@ -183,3 +183,31 @@ li.slick-active button {
    transform: translateY(-385%);
  }
 }
+
+/* CSS transition for react */
+/* slide enter */
+.slide-enter {
+  opacity: 0;
+  transform: scale(0.95) translateY(5px);
+  z-index: 1;
+}
+.slide-enter.slide-enter-active {
+  opacity: 1;
+  transform: scale(1) translateY(0);
+  transition: opacity 500ms linear 500ms, transform 500ms ease-in-out 500ms;
+  transition-delay: 500ms;
+}
+
+/* slide exit */
+.slide-exit {
+  opacity: 1;
+  transform: scale(1) translateY(0);
+}
+.slide-exit.slide-exit-active {
+  opacity: 0;
+  transform: scale(0.97) translateY(5px);
+  transition: opacity 200ms linear, transform 200ms ease-out;
+}
+.slide-exit-done {
+  opacity: 0;
+}