From 42b492b6c39472b708d8141dc9d8837b7e2a6a43 Mon Sep 17 00:00:00 2001 From: jbb01 <32650546+jbb01@users.noreply.github.com> Date: Fri, 13 Sep 2024 14:59:48 +0200 Subject: [PATCH] add fancy background --- index.css | 13 +++++++++++++ pattern.svg | 14 ++++++++++++++ 2 files changed, 27 insertions(+) create mode 100644 pattern.svg diff --git a/index.css b/index.css index 16cc9ba..0d2b003 100644 --- a/index.css +++ b/index.css @@ -14,6 +14,19 @@ html { color: var(--foreground); } +html::before { + content: ''; + position: absolute; + inset: 0; + z-index: -1; + + --gradient-angle: 0deg; + background: conic-gradient(from var(--gradient-angle) in hsl longer hue, hsl(0deg 100% 12.5%) 0 0); + mask-image: url("pattern.svg"); + mask-size: 5rem; + animation: rotation 300s infinite linear; +} + body { min-height: 100vh; margin: 0; diff --git a/pattern.svg b/pattern.svg new file mode 100644 index 0000000..ba402a3 --- /dev/null +++ b/pattern.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + \ No newline at end of file