Base crossfade + passage a React 0.14

2015-10-28 17:22:14 +01:00
parent 2296d257dd
commit 6ec432dab7
6 changed files with 36 additions and 23 deletions
--- a/css/style.css
+++ b/css/style.css
@ -59,8 +59,8 @@ html, body {
  z-index: -1;
 }

-.launcher .crossfade-image > .top,
-.launcher .crossfade-image > .bottom {
+.launcher .crossfade-image .top,
+.launcher .crossfade-image .bottom {
  position: absolute;
  left: 0;
  right: 0;
@ -319,6 +319,24 @@ html, body {

 /* Animations */

+.crossfade-enter {
+  opacity: 0.01;
+}
+
+.crossfade-enter.crossfade-enter-active {
+  opacity: 1;
+  transition: opacity 250ms ease-in;
+}
+
+.example-leave {
+  opacity: 1;
+}
+
+.crossfade-leave.crossfade-leave-active {
+  opacity: 0.01;
+  transition: opacity 250ms ease-in;
+}
+
 .pulse {
  -webkit-animation: 1s pulse infinite;
 }