dos

Public/static/css/index.css

@@ -84,41 +84,43 @@ video {
   opacity: 0.2;
   opacity: 0.2;
 }
 }
 
 
-.video1,
-.video2,
-.video3 {
+.video1 {
   border-radius: 20px;
   border-radius: 20px;
   overflow: hidden;
   overflow: hidden;
 }
 }
 
 
-.arrow {
-  animation: arrow 2s linear infinite;
-  -webkit-animation: arrow 2s linear infinite;
+.block.animate {
+  animation: fadeInUp 0.8s ease-in-out backwards;
+  -webkit-animation: fadeInUp 0.8s ease-in-out backwards;
 }
 }
 
 
-.link-arrow,
-.more1-arrow,
-.more2-arrow,
-.link-text,
-.more1-text,
-.more2-text {
+.link-text {
   animation: linkArrow 2s linear infinite;
   animation: linkArrow 2s linear infinite;
   -webkit-animation: linkArrow 2s linear infinite;
   -webkit-animation: linkArrow 2s linear infinite;
 }
 }
 
 
-@keyframes linkArrow {
-
-  0%,
-  100% {
-    opacity: 0.3;
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0)
   }
   }
 
 
-  50% {
+  to {
     opacity: 1;
     opacity: 1;
+    -webkit-transform: none;
+    transform: none
   }
   }
 }
 }
 
 
-@-webkit-keyframes linkArrow {
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0)
+  }
+
+  @keyframes linkArrow {
 
 
     0%,
     0%,
     100% {
     100% {
@@ -128,47 +130,16 @@ video {
     50% {
     50% {
       opacity: 1;
       opacity: 1;
     }
     }
-}
-
-
-@keyframes arrow {
-  0% {
-    transform: translateY(-50%);
-    opacity: 0;
   }
   }
 
 
-  50% {
-    opacity: 1;
-  }
-
-  90% {
-    opacity: 1;
-    transform: translateY(50%);
-  }
+  @-webkit-keyframes linkArrow {
 
 
+    0%,
     100% {
     100% {
-    opacity: 0;
-    transform: translateY(50%);
-  }
-}
-
-@-webkit-keyframes arrow {
-  0% {
-    -webkit-transform: translateY(-50%);
-    opacity: 0;
+      opacity: 0.3;
     }
     }
 
 
     50% {
     50% {
       opacity: 1;
       opacity: 1;
     }
     }
-
-  90% {
-    opacity: 1;
-    -webkit-transform: translateY(50%);
   }
   }
\ No newline at end of file
-
-  100% {
-    opacity: 0;
-    -webkit-transform: translateY(50%);
-  }
-}
\ No newline at end of file