Add fadeindown for homepage menu

2026-08-25 15:58:53 +00:00 · 2017-03-04 03:29:08 -06:00
parent 4c446c6aae
commit 6db2087eda
3 changed files with 38 additions and 1 deletions
@@ -64,6 +64,7 @@ ul.animated {
  width: 90%;
  max-width: 540px;
  margin-top: 5em;
+  opacity:0;
  margin: {
    right: auto;
    left: auto;
@@ -366,3 +367,7 @@ svg {
    }
  }
 }
+
+.no-js {
+  opacity:1!important;
+}
@@ -130,3 +130,35 @@ animated.bounceIn,
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
 }
+
+
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0)
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none
+  }
+}
+
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0)
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+    transform: none
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown
+}