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 { #background {
top: 50%; top: 50%;
left: 50%; left: 50%;
translate: -50% -50%;
} }
@keyframes rotate { @keyframes rotate {
from { from {
rotate: 0deg; transform: rotate(0deg) scale(1.5, 1);
translate: -50% -50%;
scale: 1.5 1;
} }
50% { 50% {
scale: 1 1.5; transform: rotate(180deg) scale(1, 1.5);
translate: -50% -50%;
} }
to { to {
rotate: 360deg; transform: rotate(360deg) scale(1.5, 1);
translate: -50% -50%;
scale: 1.5 1;
} }
} }
</style> </style>

2
src/pages/index.astro
View file

@ -8,7 +8,7 @@ import BlurBackground from "../components/ui/BlurBackground.astro";
title="Coworking Stream Guide" title="Coworking Stream Guide"
description="A guide for new and existing coworking streamers!" 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 /> <BlurBackground />
<div class="flex justify-center items-start pb-10"> <div class="flex justify-center items-start pb-10">
<Hero /> <Hero />