add register background clip path

This commit is contained in:
2023-11-07 22:14:30 +01:00
parent c7a17d4481
commit 241d6c031e
2 changed files with 13 additions and 3 deletions

View File

@@ -2,12 +2,22 @@
import { env } from '$env/dynamic/public';
</script>
<div class="fixed top-0 left-0 h-full w-full bg-[#050505]" />
<img
class="fixed top-0 left-0 h-full w-full object-cover pointer-events-none blur-[2px]"
class="bg-snipped bg-black fixed top-0 left-0 h-full w-full object-cover pointer-events-none blur-[2px]"
src="{env.PUBLIC_BASE_PATH}/img/register-background.webp"
alt=""
/>
<div class="fixed top-0 left-0 h-full w-full bg-[radial-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))]" />
<div class="flex justify-center w-full">
<slot />
</div>
<style>
.bg-snipped {
/* prettier-ignore */
clip-path: polygon(
0 20%, 100% -35%, 100% -5%, 0 50%,
0 110%, 100% 50%, 100% 80%, 0 140%
);
}
</style>