add anime+boucleproj

2019-05-03 12:05:54 +02:00
parent 1a177c21bb
commit 3d878b3cb6
444 changed files with 35400 additions and 10029 deletions
@@ -0,0 +1,128 @@
+@keyframes rotation {
+  from {
+      -webkit-transform: rotate(0deg);
+  }
+  to {
+      -webkit-transform: rotate(359deg);
+  }
+}
+
+@keyframes translateright{
+  0%{
+    right: -50px;
+    color: transparent;
+    display: none;
+  }
+
+  30%{
+    right: 150px;
+    color: transparent;
+    display: block;
+  }
+
+  100%{
+    right: 200px;
+    color: white;
+  }
+}
+
+@keyframes translateleft{
+  0%{
+    right: 200px;
+    color: white;
+    display: block;
+  }
+  30%{
+    right: 150px;
+    color: transparent;
+  }
+
+  100%{
+    right: -200px;
+    color: transparent;
+    display: none;
+  }
+}
+
+@keyframes reducH{
+  0%{
+    font-size: $fh1;
+    -webkit-text-stroke : 1px;
+    color: transparent;
+    line-height: 5rem;
+  }
+
+  70%{
+    -webkit-text-stroke : 1px;
+    color: black;
+    // line-height: 6.5rem;
+
+  }
+
+  100%{
+    font-size: $min-h1;
+    -webkit-text-stroke : 0px;
+    color: black;
+    line-height: 5rem;
+  }
+}
+
+@keyframes translateY{
+  0%{
+    transform: translateY(0px);
+    opacity: 1;
+  }
+
+  100%{
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+}
+
+@keyframes showcatlist {
+  0%{
+    width: 0;
+    box-shadow: 0px 0px 0px 0px black;
+    opacity: 1;
+  }
+
+  100%{
+    width: 100%;
+    box-shadow: 0px -2px 0px -2px black;
+    opacity: 1;
+  }
+}
+
+@keyframes showborder {
+  0%{
+    width: 0;
+    background: black;
+  }
+  100%{
+    width: 100%;
+    background: black;
+  }
+}
+
+@keyframes ultranslate {
+  0%{
+    opacity: 0;
+    transform: translateX(0px);
+  }
+  100%{
+    opacity: 1;
+    transform: translateX(10px);
+  }
+}
+
+
+@keyframes showcard {
+  0%{
+    opacity: 0;
+
+  }
+  100%{
+    opacity: 1;
+
+  }
+}