From 566ba9cda48ae82062c9d3394eb3a5d8ff33411c Mon Sep 17 00:00:00 2001
From: Lam Chau <lamchau@users.noreply.github.com>
Date: Fri, 5 Aug 2016 17:05:08 -0400
Subject: [PATCH] add css3 slide-animation

---
 index.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index a00fa79..9eccedb 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,28 @@
   <link rel="stylesheet" href="normalize.css">
   <link rel="stylesheet" href="skeleton.css">
   <link rel="stylesheet" href="custom.css">
+  <style type="text/css">
+    .main-body {
+      animation: slide-in 2s;
+      transform: translateY(0%);
+    }
+
+    @keyframes slide-in {
+      0% {
+        transform: translateY(100vh);
+      }
+    }
+
+    @-ms-keyframes slide-in {
+      0% {
+        transform: translateY(100%);
+      }
+    }
+  </style>
 
 </head>
 
-<body>
+<body class="main-body">
 
 <br/>
 <br/>
