show snake body correctly under hazards
Build and Push Docker Container / build-and-push (push) Successful in 1m34s

This commit is contained in:
2026-04-05 23:08:17 +02:00
parent b7c6a0e345
commit e7d0227cf9
+12 -5
View File
@@ -390,14 +390,21 @@
} }
.hazard { .hazard {
background-color: var(--hazard); background-color: var(--hazard);
filter: grayscale(0.35) brightness(0.62);
}
.hazard::after {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient( background-image: repeating-linear-gradient(
135deg, 135deg,
rgba(255, 255, 255, 0.18) 0, rgba(106, 90, 155, 0.55) 0,
rgba(255, 255, 255, 0.18) 2px, rgba(106, 90, 155, 0.55) 2px,
rgba(0, 0, 0, 0) 2px, transparent 2px,
rgba(0, 0, 0, 0) 6px transparent 6px
); );
filter: grayscale(0.35) brightness(0.62); z-index: 2;
pointer-events: none;
} }
.snake-you { background: var(--you); } .snake-you { background: var(--you); }
.snake-enemy { background: var(--enemy); } .snake-enemy { background: var(--enemy); }