Browse Source

Add support for many browsers in figcaption animation

Danilo Gómez Gómez 5 năm trước cách đây
mục cha
commit
13ece2cea2
1 tập tin đã thay đổi với 6 bổ sung2 xóa
  1. 6 2
      static/css/main.css

+ 6 - 2
static/css/main.css

@@ -261,10 +261,14 @@ figure figcaption {
 	background-color: white;
 	background-color: white;
 	bottom: 0;
 	bottom: 0;
 	width: calc(100% - 2 * var(--caption-hmargin));
 	width: calc(100% - 2 * var(--caption-hmargin));
-	transform: translateY(100%);
+  -webkit-transform: translateY(100%);
+      -ms-transform: translateY(100%);
+          transform: translateY(100%);
 }
 }
 figure:hover figcaption {
 figure:hover figcaption {
-	transform: translateY(0);
+  -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+          transform: translateY(0);
 	transition: .3s ease;
 	transition: .3s ease;
 }
 }
 figcaption h1 {
 figcaption h1 {