show snake body correctly under hazards
Build and Push Docker Container / build-and-push (push) Successful in 1m34s
Build and Push Docker Container / build-and-push (push) Successful in 1m34s
This commit is contained in:
@@ -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); }
|
||||||
|
|||||||
Reference in New Issue
Block a user