StrafesNET/landing-page
3
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add blur

Browse Source
This commit is contained in:
Quaternions 2025-03-10 11:30:44 -07:00
parent 7377c8a46c
commit ffe80adc20
1 changed files with 20 additions and 8 deletions

28
index.html

@ -18,16 +18,26 @@
height: 100vh;
}
#video-background {
.video-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
#video-background {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
filter: brightness(40%);
transform: translateX(-50%) translateY(-50%);
filter: blur(8px) brightness(40%);
}
.overlay {
@ -123,11 +133,13 @@
</style>
</head>
<body>
<!-- Video Background -->
<video autoplay muted loop id="video-background">
<source src="assets/mh.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<!-- Video Background with Blur -->
<div class="video-container">
<video autoplay muted loop id="video-background">
<source src="assets/mh.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="overlay"></div>
<!-- Main Content -->