From c96af40b2d2d99ee9150cbafd6511f2f2f2a271d Mon Sep 17 00:00:00 2001
From: jbb01 <32650546+jbb01@users.noreply.github.com>
Date: Fri, 13 Sep 2024 16:40:49 +0200
Subject: [PATCH] add browser specific optimizations
- firefox has a problem with flashes of unstyled content
- chrome only supports mask-image without -webkit prefix very recently
---
index.css | 2 ++
index.html | 4 ++++
2 files changed, 6 insertions(+)
diff --git a/index.css b/index.css
index 8a3fc14..6e266ee 100644
--- a/index.css
+++ b/index.css
@@ -24,6 +24,8 @@ html::before {
z-index: -1;
background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0);
+ -webkit-mask-image: url("pattern.svg");
+ -webkit-mask-size: 5rem;
mask-image: url("pattern.svg");
mask-size: 5rem;
}
diff --git a/index.html b/index.html
index 0205b69..70a3c86 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,10 @@
+