SVG transform="rotate(x,x,x)" not working on iOS
<p>I've created a Greensock animation with a circle that draws 90% and rotates so that text can be placed in the gap of the circle.  It works everywhere but on iOS devices. (see codepen below)</p>

<p><a href="http://codepen.io/sumnercreations/pen/KgRJzZ" rel="nofollow noreferrer">http://codepen.io/sumnercreations/pen/KgRJzZ</a></p>

<p>I know that iOS still requires the <code>-webkit</code> prefix, as stated in this question <a href="https://stackoverflow.com/questions/27303339/transform-not-working-on-ios">Transform not Working on IOS</a>, so I added that in the svg code, but it still doesn't work.</p>

<p>CSS Tricks says that this should work everywhere but I can't get it to work for me. <a href="https://css-tricks.com/transforms-on-svg-elements/" rel="nofollow noreferrer">https://css-tricks.com/transforms-on-svg-elements/</a></p>

<pre><code>&lt;!-- works everywhere --&gt;
&lt;rect x='65' y='65' width='150' height='80' transform='rotate(45)' /&gt;
</code></pre>

<p>Any ideas how to accomplish this on iOS devices?</p>