Fixed the gradient on the lite-youtube lazy load thumbnail

castacks · Mar 7, 2024 · 7882793 · 7882793
1 parent 953664a
commit 7882793
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/assets/lite-youtube/lite-yt-embed.css b/assets/lite-youtube/lite-yt-embed.css
@@ -10,7 +10,7 @@ lite-youtube {
 }
 
 /* gradient */
-lite-youtube::before {
+/* lite-youtube::before {
     content: '';
     display: block;
     position: absolute;
@@ -22,6 +22,16 @@ lite-youtube::before {
     padding-bottom: 50px;
     width: 100%;
     transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
+} */
+lite-youtube::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+    height: 40%;
+    width: 100%;
+    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
 }
 
 /* responsive iframe with a 16:9 aspect ratio