fading everything in

jeffreylouden · Apr 11, 2015 · e7ba0c7 · e7ba0c7
1 parent 9d3fd5d
commit e7ba0c7
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/css/style.scss b/css/style.scss
@@ -34,6 +34,16 @@
   }
 }
 
+@-webkit-keyframes fade-in {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@keyframes fade-in {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
 @import "../_sass/vendor/sagan/mixins";
 @import "../_sass/vendor/sagan/grid";
 @import "../_sass/variables";
@@ -61,6 +71,8 @@ body {
   color: #2D2D2D;
   width: 100%;
   box-sizing: border-box;
+  -webkit-animation: fade-in 2s;
+  animation: fade-in 2s;
 
   a {
     color: inherit;
@@ -95,7 +107,6 @@ header,
   z-index: 999;
 }
 
-
 #lines {
   position: fixed;
   z-index: 0;