add anime+boucleproj

2019-05-03 12:05:54 +02:00
parent 1a177c21bb
commit 3d878b3cb6
444 changed files with 35400 additions and 10029 deletions
@@ -1,42 +1,62 @@
-#body-wrapper{
-  #items{
-      .works-mea{
-        display: inline-flex;
+.blog{
+  #start{
+    .cat-list {
        width: 100%;
-        height: 50vh;
-        align-items: flex-end;
-        .card{
-          .card-image{
-            img{
-              width: 100%;
-              height: auto;
+        z-index: 999;
+        left: -100%;
+        &::before{
+          display: block;
+          content: " ";
+          width: 0%;
+          height: 1px;
+          background: black;
+        }
+        &::after {
+          display: block;
+          content: " ";
+          width: 0%;
+          height: 1px;
+          background: black;
+        }
+        ul {
+          opacity: 0;
+          display: inline-flex;
+          margin: 10px 0;
+          .btn-group{
+            display: flex;
+            margin-right: 10px;
+            &::after{
+              width: 5px;
+              content: " ";
+            }
+            &:hover{
+              &::after{
+                content: "\002022";
+              }
+            }
+            input{
+              display: none;
            }
          }
-          .card-header{
-            margin-top: 5px;
-          }
-          .card-footer{
-            margin-top: 5px;
-          }
-        }
-      }
-      .cat-list{
-        width: 100%;
-        height: auto;
-        border-top: 1px solid black;
-        border-bottom: 1px solid black;
-        padding: 10px 0;
-        margin:  20px 0;
-        ul{
-          display: inline-flex;
-          li{
-            margin-right: 10px;
-          }
        }
      }
+    #items{
      .full-works{
-        display: inline-flex;
-        flex-wrap: wrap;
+        .card{
+          width: calc((100vw / 3) - 6.5px);
+        }
      }
+    }
+  }
+  .down{
+    .cat-list{
+      left: 0;
+      &::after{
+        animation: showborder 2.5s 1.6s ease forwards;
+      }
+      ul{
+        animation: ultranslate 1s 2.5s ease forwards;
+      }
+    }
  }
 }