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