User:Rayanth/FrontpageNotes: Difference between revisions

← Older edit

VisualWikitext

@@ Line 188: / Line 188: @@
 .card-text {
+    overflow: hidden;
+    visibility: hidden;
      position: absolute;
+    color: black;
      bottom: 0;
      width: 100%;
-     background-color: black;
+     background-color: rgba(0, 0, 0, 0.7);
-     min-height: 3em;
+     height: 0;
+    -webkit-transition: all 1.5s ease;
+    -moz-transition: all 1.5s ease;
+    -ms-transition: all 1.5s ease;
+    -o-transition: all 1.5s ease;
+    transition: all 1.5s ease;
 }
@@ Line 205: / Line 214: @@
 }
-.wide-card:hover {
+.card:hover {
      animation-name: embiggen-card;
      animation-duration: 3s;
@@ Line 211: / Line 220: @@
 }
-.standard-card:hover {
+.card:hover>.card-text {
-     animation-name: embiggen-card;
+     visibility: visible;
-     animation-duration: 3s;
+    height: 3.5em;
-     animation-fill-mode: forwards;
+    color: silver;
+    -webkit-transition: all 1.5s ease;
+    -moz-transition: all 1.5s ease;
+     -ms-transition: all 1.5s ease;
+     -o-transition: all 1.5s ease;
+    transition: all 1.5s ease;
 }
@@ Line 226: / Line 240: @@
          background-size: 100%;
      }
+    /*
 % {
          transform: scale(1.03);
          background-size: 100%;
-     }
+     }*/
 % {
          transform: scale(1.03);
          background-size: 110%;
+    }
+}
+@keyframes card-text-show {
+% {
+        visibility: hidden;
+    }
+% {
+        visibility: visible;
      }
 }
 </nowiki></code>