leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use webkit prefix on mask-image (fixes #57)

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2021-03-06 20:19:35 -07:00
parent fbe10e90a2
commit ed7c7461b6
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

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