SVG changes color when rotated in Safari 10
Solution 1:
Weird bug indeed. Performing the transformation in wrapping g element as an SVG transform does not resolve the issue.
However, by performing a 3D rotation instead of of a 2D one, i.e. inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)'; does resolve the issue, you can see here.
https://jsfiddle.net/qe00s1mg/
