Upon further investigation, a simpler page works in Safari. So now my question is what's the difference?
https://tomliv.com/css-d/svg-clip/index.html https://tomliv.com/css-d/svg-clip/test.html Thanks! ---------- Forwarded message ---------- From: Tom Livingston <tom...@gmail.com> Date: Tue, Apr 10, 2018 at 3:10 PM Subject: clip-path in safari To: CSS Discussion Group <cs...@lists.css-discuss.org> Hello listers, Long time no email. Can anyone tell me why the following isn't working in Safari but works in FF and Chrome (all 3 are current versions)? .avatar img{ display: block; max-width: 100%; -webkit-clip-path: url(#talkbubble); clip-path: url(#talkbubble); } <div class="avatar"><img src="img/headshot-FPO.jpg" alt=""></div> <svg width="0" height="0"> <defs> <clipPath id="talkbubble" clipPathUnits="objectBoundingBox" transform="scale(0.01117647)"> <polygon points="0 0 0 75 66 75 85 85 75 66 75 0 0 0"/> </clipPath> </defs> </svg> Thanks! -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
