Merge pull request #1 from russellballestrini/add-slide-animation

add css3 slide-animation
2016-08-05 17:10:14 -04:00 · 2016-08-05 17:10:14 -04:00 · e098096c34
commit e098096c34
parent 1c84b78851 566ba9cda4
1 changed files with 19 additions and 1 deletions
--- 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/>