Update index.html
Browse files- index.html +17 -5
index.html
CHANGED
|
@@ -94,23 +94,35 @@
|
|
| 94 |
transition: transform 0.1s linear;
|
| 95 |
}
|
| 96 |
|
| 97 |
-
/*
|
| 98 |
.border-frame {
|
| 99 |
position: absolute;
|
| 100 |
top: 0;
|
| 101 |
left: 0;
|
| 102 |
width: 100vw;
|
| 103 |
height: 100vh;
|
| 104 |
-
background-image: url('https://www.transparenttextures.com/patterns/circuit-board.png');
|
| 105 |
-
background-size: cover;
|
| 106 |
z-index: -1;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 107 |
}
|
| 108 |
</style>
|
| 109 |
</head>
|
| 110 |
<body>
|
| 111 |
|
| 112 |
-
<!--
|
| 113 |
-
<div class="border-frame"
|
|
|
|
|
|
|
|
|
|
|
|
|
| 114 |
|
| 115 |
<!-- Khung chữ với nội dung -->
|
| 116 |
<div class="container">
|
|
|
|
| 94 |
transition: transform 0.1s linear;
|
| 95 |
}
|
| 96 |
|
| 97 |
+
/* Video nền ngoài */
|
| 98 |
.border-frame {
|
| 99 |
position: absolute;
|
| 100 |
top: 0;
|
| 101 |
left: 0;
|
| 102 |
width: 100vw;
|
| 103 |
height: 100vh;
|
|
|
|
|
|
|
| 104 |
z-index: -1;
|
| 105 |
+
overflow: hidden;
|
| 106 |
+
}
|
| 107 |
+
|
| 108 |
+
.background-video {
|
| 109 |
+
position: absolute;
|
| 110 |
+
top: 0;
|
| 111 |
+
left: 0;
|
| 112 |
+
width: 100%;
|
| 113 |
+
height: 100%;
|
| 114 |
+
object-fit: cover;
|
| 115 |
}
|
| 116 |
</style>
|
| 117 |
</head>
|
| 118 |
<body>
|
| 119 |
|
| 120 |
+
<!-- Video nền ngoài -->
|
| 121 |
+
<div class="border-frame">
|
| 122 |
+
<video class="background-video" autoplay loop muted playsinline>
|
| 123 |
+
<source src="background.mp4" type="video/mp4">
|
| 124 |
+
</video>
|
| 125 |
+
</div>
|
| 126 |
|
| 127 |
<!-- Khung chữ với nội dung -->
|
| 128 |
<div class="container">
|