> On Apr 11, 2018, at 4:10, Tom Livingston <tom...@gmail.com> wrote:
>
> Can anyone tell me why the following isn't working in Safari but works in
> FF and Chrome (all 3 are current versions)?
I’ve no idea why it does not work (while it seemingly works in your simplified
example).
But I’m curious: why did you go the route of an SVG embedded in the HTMl rather
than adding the polygon directly to the CSS ? The latter has much better
support - although still no go in Edge / IE 11.
E { clip-path: polygon() }
https://www.w3.org/TR/css-masking-1/#the-clip-path
Philippe
--
Philippe Wittenbergh
https://l-c-n.com/
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
