minor fix in styles

songyanbo · Jan 8, 2019 · 8f68b29 · 8f68b29
1 parent ac13c05
commit 8f68b29
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/styles/body.scss b/src/styles/body.scss
@@ -5,24 +5,25 @@
 :global {
   .mainImage-enter {
     opacity: 0;
+    position: absolute;
     transition: all 500ms linear;
-    transform: translateX(50%);
+    transform: translateX(-10%);
   }
 
   .mainImage-enter-active {
     opacity: 1;
-    transform: translateX(60%);
+    transform: translateX(0%);
   }
 
   .mainImage-exit {
-    transition: opacity 500ms linear;
-    transform: translateX(-60%);
+    transition: all 500ms linear;
+    transform: translateX(0%);
     opacity: 1;
   }
 
   .mainImage-exit-active {
     transition: all 500ms linear;
-    transform: translateX(-50%);
+    transform: translateX(10%);
     opacity: 0;
   }
 }