The filled star is off center in WebKit (Safari) when the page is zoomed in

[krassowski]

Safari is lagging with implementation of transform-origin for svg and apparently the current implementation in webkit does not account for page zoom. This can be worked around be using composite transform where origin is emulated by translations.

No zoom:

Max zoom:

[krassowski]

Upstream bugs:

• Incorrect percent transform-origin when browser is zoomed: https://bugs.webkit.org/show_bug.cgi?id=218300
• Transform-origin on SVG breaks when zoom in or out: https://bugs.webkit.org/show_bug.cgi?id=194903