Линия Chrome 1px видна при маскировке с помощью SVG - PullRequest
0 голосов
/ 02 ноября 2018

У меня есть элемент, который маскируется формой SVG. Форма не такого размера, как элемент, поэтому я делаю так, чтобы она покрывала весь элемент, установив mask-size: cover.

Это работает, но в Chrome и Safari это показывает линию 1px, где, очевидно, маска не покрывает элемент 100%.

Смотрите это JSFiddle .

1px line

Есть что-то, чтобы противостоять этому с помощью CSS? Или это из-за какого-то глючного рендеринга браузера?

...