From ed7c7461b691d4c8051d9cbbabe60d0ee6542826 Mon Sep 17 00:00:00 2001
From: "Eevee (Evelyn Woods)" <eevee.git@veekun.com>
Date: Sat, 6 Mar 2021 20:19:35 -0700
Subject: [PATCH] Use webkit prefix on mask-image (fixes #57)

---
 style.css | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index 7e35be7..eb54e21 100644
--- a/style.css
+++ b/style.css
@@ -514,12 +514,9 @@ body[data-mode=player] #editor-play {
     margin: auto;
     background: url(icons/tool-bg-selected.png) repeat;
     animation: scrolling-sidewalk linear 0.4s infinite;
-    /*
-    box-shadow:
-        inset 5vw 0 5vw -5vw black,
-        inset -5vw 0 5vw -5vw black;
-    */
-    mask: linear-gradient(to right, transparent 0, #ffffff40 10%, white 20%, white 80%, #ffffff40 90%, transparent 100%);
+    --mask: linear-gradient(to right, transparent 0, #ffffff40 10%, white 20%, white 80%, #ffffff40 90%, transparent 100%);
+    -webkit-mask-image: var(--mask);
+    mask-image: var(--mask);
 }
 .scrolling-sidewalk > img {
     display: block;