Safari中的SVG动画问题

Question

我正在尝试使用CSS动画为徽标的多个SVG元素设置动画。

我正在使用＆＃39;使用＆＃39;引用svg项的方法。

<svg class="star" viewBox="0 0 76.349 77.143">
 <use xlink:href="<?php bloginfo('template_directory'); ?>/img/HEYDAY_star.svg#star"></use>
</svg>

动画在Chrome和Firefox中运行得非常好，但在Safari中，SVG元素无法显示。

作为示例，动画通过css和jquery应用，如下所示： -

.csstransforms .logo-animation #heyday.animate {
   top: -80px;
   animation: top 0.5s ease 1s 1 normal forwards;
   -webkit-animation: top 0.5s ease 1s 1 normal forwards;
}

该网站目前位于：http://heydaymarketing.com.au/staging/

我认为这可能是一个问题，使用＆＃39;标签？但我不完全确定..

非常感谢任何帮助或想法。