Difference between revisions of "Team:Ecuador"

@@ Line 11: / Line 11: @@
        from {
          margin-left: -100%;
+        border-bottom-right-radius: 30px;
+        border-top-right-radius: 30px;
+      }
+      to {
+        margin-left: 0%;
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0px;
+      }
+    }
+    @keyframes slide-in-menu {
+      from {
+        margin-left: -120%;
          border-bottom-right-radius: 30px;
          border-top-right-radius: 30px;
@@ Line 95: / Line 109: @@
        transition: 0.2s;
        text-align: center;
+    }
+    #proyect {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 0.7s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 0%;
+    }
+    #people {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 1s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 16.66%;
+    }
+    #notebook {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 1.2s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 33.32%;
+    }
+    #human_practice {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 1.5s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 49.98%;
+    }
+    #parts {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 2s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 66.64%;
+    }
+    #safety {
+      animation-name: slide-in-menu;
+      animation-duration: 0.5s;
+      animation-delay: 2.5s;
+      animation-fill-mode: backwards;
+      position: absolute;
+      left: 83.30%;
      }