replace cube background with penrose tiling

4 months ago · 52bfc290f7
parent 6e5d53e554
commit 52bfc290f7
3 changed files with 12 additions and 4 deletions
--- a/index.css
+++ b/index.css
@ -24,10 +24,9 @@ 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;
+    -webkit-mask-image: url("pattern/penrose.svg");
+    -webkit-mask-size: max(100lvmax, 200rem);
+    -webkit-mask-position: center;
 }

 body {
--- a/pattern/cube.svg
+++ b/pattern/cube.svg
--- a/pattern/penrose.svg
+++ b/pattern/penrose.svg