rythondev/coworking-stream-guide
1
0
Fork 0
mirror of https://github.com/liyunze-coding/coworking-website.git synced 2026-11-06 13:13:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixing homepage blur background

Browse source
This commit is contained in:
liyunze 2024-04-21 10:17:24 +08:00
parent 9c5bdfceb1
commit e217e8ed92
2 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ui/BlurBackground.astro
View file

@ -12,24 +12,21 @@
#background {
top: 50%;
left: 50%;
translate: -50% -50%;
}
@keyframes rotate {
from {
rotate: 0deg;
translate: -50% -50%;
scale: 1.5 1;
transform: rotate(0deg) scale(1.5, 1);
}
50% {
scale: 1 1.5;
translate: -50% -50%;
transform: rotate(180deg) scale(1, 1.5);
}
to {
rotate: 360deg;
translate: -50% -50%;
scale: 1.5 1;
transform: rotate(360deg) scale(1.5, 1);
}
}
</style>

2
src/pages/index.astro
View file

@ -8,7 +8,7 @@ import BlurBackground from "../components/ui/BlurBackground.astro";
title="Coworking Stream Guide"
description="A guide for new and existing coworking streamers!"
>
<div class="relative overflow-hidden h-fit min-h-screen">
<div class="relative overflow-hidden h-fit min-h-screen w-full">
<BlurBackground />
<div class="flex justify-center items-start pb-10">
<Hero />