update Transitions.css

alanocoder · alanocoder · commit bad28d2cce6f · 2018-09-10T14:00:17.000-04:00
diff --git a/demos/css-transitioner/Transitions.css b/demos/css-transitioner/Transitions.css
@@ -26,34 +26,31 @@ body {
   position: absolute;
   opacity: 0; }
 
-.zoom-in-out, .zoom-in-out.disappeared {
+.zoom-in-out {
   position: absolute;
-  transform: scale(0.6);
-  opacity: 0;
   width: 100%;
-  transition: all .3s ease-in; }
+  transition: all .3s ease-out; }
 
 .zoom-in-out.appearing {
-  transform: scale(1);
-  opacity: 1; }
+  opacity: 1;
+  transform: scale(1); }
 
-.zoom-in-out.appeared {
-  position: relative;
-  transform: none;
-  transition: none;
-  opacity: 1; }
+.zoom-in-out.disappearing, .zoom-in-out.disappeared {
+  opacity: 0;
+  transform: scale(0.6); }
 
-.fade-in-out, .fade-in-out.appeared {
-  position: relative;
+.zoom-in-out.disappeared {
+  transition: none; }
+
+.fade-in-out {
+  position: absolute;
   width: 100%;
-  opacity: 1;
   transition: opacity .3s ease-out; }
 
 .fade-in-out.appearing {
-  position: absolute; }
+  opacity: 1; }
 
 .fade-in-out.disappearing, .fade-in-out.disappeared {
-  position: absolute;
   opacity: 0; }
 
 .slide-in-right {
@@ -75,21 +72,20 @@ body {
   left: 0; }
 
 .slide-out-left {
-  position: static;
+  position: absolute;
   left: 0;
   width: 100%;
-  transition: left 3s ease-out; }
+  transition: left .3s ease-out; }
 
 .slide-out-left.disappearing, .slide-out-left.disappeared {
-  position: absolute;
   left: -100%; }
 
 .slide-out-right {
-  position: static;
+  position: absolute;
   left: 0;
   width: 100%;
-  transition: left 3s ease-out; }
+  transition: left .3s ease-out; }
 
 .slide-out-right.disappearing, .slide-out-right.disappeared {
-  position: absolute;
-  left: 100%; }
+  left: 100%; }
+
