feat(showcase): added video background

2024-08-14 14:01:54 +08:00
parent 38f61f9f18
commit 9e14c9411a
5 changed files with 121 additions and 8 deletions
--- a/showcase/src/index.css
+++ b/showcase/src/index.css
@@ -37,4 +37,24 @@ body,
 .invert-filter {
  filter: invert(1);
  opacity: 0.3;
+}
+
+#video_background {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%; 
+  overflow: hidden;
+}
+
+#video_background video {
+  min-width: 100%; 
+  min-height: 100%; 
+  width: auto;
+  height: auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
 }