jonah/jonahbauer.eu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: jonah:fd1fde6be077b419a3072cffdf50b36ee9504503
Branches Tags
jonah:main
...
compare: jonah:main
Branches Tags
jonah:main

2 Commits
fd1fde6be0 ... main

Author SHA1 Message Date
jbb01
8a22a57ef5 fix a CSS bug of unknown cause 2025-04-20 17:48:44 +02:00
jbb01
1cff5b5d1b add fallback for old browsers 2024-09-17 09:14:43 +02:00
1 changed files with 12 additions and 2 deletions
Expand all files Collapse all files

14
index.css
View File

@@ -23,7 +23,7 @@ html::before {
height: 100lvh; height: 100lvh;
z-index: -1; z-index: -1;
background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0); background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%), hsl(0deg 100% 12.5%));
-webkit-mask-image: url("pattern/penrose.svg"); -webkit-mask-image: url("pattern/penrose.svg");
-webkit-mask-size: max(100lvmax, 200rem); -webkit-mask-size: max(100lvmax, 200rem);
-webkit-mask-position: center; -webkit-mask-position: center;
@@ -104,7 +104,7 @@ body {
z-index: -1; z-index: -1;
border-radius: calc(var(--border-width) + var(--border-radius)); border-radius: calc(var(--border-width) + var(--border-radius));
animation: rotation 5s linear infinite; animation: rotation 5s linear infinite;
background: conic-gradient(from var(--gradient-angle) in hsl longer hue, var(--gradient-color) 0 0); background: conic-gradient(from var(--gradient-angle) in hsl longer hue, var(--gradient-color), var(--gradient-color));
transition: --gradient-color .125s linear, --gradient-blur .125s linear; transition: --gradient-color .125s linear, --gradient-blur .125s linear;
} }
@@ -133,3 +133,13 @@ body {
text-decoration: none; text-decoration: none;
user-select: none; user-select: none;
} }
@supports not (background: conic-gradient(from 0deg in hsl longer hue, red 0 0)) {
html::before {
background: linear-gradient(-45deg, #204000 0%, #404000 100%);
}
.link-content::before, .link-content::after {
background: white;
}
}