fix 404 page, add dashed grid bg

This commit is contained in:
2025-10-09 12:22:21 +02:00
parent ff12471308
commit 9607b23130
2 changed files with 65 additions and 8 deletions

View File

@@ -17,3 +17,53 @@
#ff637e 120%
);
}
.dashed-bottom-fade-grid {
position: absolute;
inset: 0;
z-index: 0;
background-image:
linear-gradient(to right, #e7e5e4 1px, transparent 1px),
linear-gradient(to bottom, #e7e5e4 1px, transparent 1px);
background-size: 20px 20px;
background-position:
0 0,
0 0;
mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%);
-webkit-mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%);
mask-composite: intersect;
-webkit-mask-composite: source-in;
}