improve landing bg
This commit is contained in:
@@ -4,7 +4,7 @@ import Button from "@/components/Button.astro";
|
||||
|
||||
<div class="h-[80vh] relative w-full overflow-x-hidden">
|
||||
<aside
|
||||
style="filter:blur(50px);"
|
||||
style="filter:blur(70px);"
|
||||
class="z-0 absolute top-0 flex items-center w-full h-full justify-center object-center object-contain"
|
||||
id="landing-bg-container"
|
||||
>
|
||||
|
||||
@@ -10,7 +10,7 @@ const canvas = document.getElementById("landing-bg") as HTMLCanvasElement;
|
||||
const initialPoints: Array<Point> = [{
|
||||
x: 500,
|
||||
y: 400,
|
||||
color: "#8AFFAD",
|
||||
color: "purple",
|
||||
radius: Math.random() * 200
|
||||
},
|
||||
{
|
||||
@@ -95,7 +95,7 @@ export class GradientBackground {
|
||||
const y = offsetY + point.y;
|
||||
|
||||
// Create the gradient
|
||||
const gradient = this.context.createRadialGradient(x, y, 0, x, y, 700);
|
||||
const gradient = this.context.createRadialGradient(x, y, 0, x, y, 500);
|
||||
|
||||
gradient.addColorStop(0, color);
|
||||
gradient.addColorStop(1, "rgba(0,0,0,0)");
|
||||
|
||||
Reference in New Issue
Block a user