added some more animations

nitin42 · Jul 13, 2017 · b8da03f · b8da03f
1 parent 8cac62a
commit b8da03f
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/components/Terminal.css b/components/Terminal.css
@@ -7,6 +7,7 @@
 
 .terminal-container-wrapper {
   height: 100%;
+  animation: fadeIn 0.18s ease-in;
 }
 
 .terminal-container-wrapper,
@@ -26,6 +27,21 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  60% {
+    opacity: 0.6;
+  }
+
+  100% {
+    opacity: 1;
+  }
 }
 
 .terminal-input-area {