SVG動畫在Safari：翻譯操作不支持

Question

考慮一個簡單的SVG文件：

<?xml version="1.0" encoding="utf-8"?> 
<svg xmlns="http://www.w3.org/2000/svg"> 

<style type="text/css"> 
    text { font-size: 400%; } 

    @keyframes basic { 
     0% { transform: translateY(-100px); opacity: 0; } 
     100% { transform: translateY(100px); opacity: 1; } 
    } 

    .basic { animation: basic 1s linear infinite; } 
</style> 
    <title>SVG Animation using CSS: Bounce</title> 

    <text class="basic" x="150" y="200">SVG</text> 
    <text x="100" y="200">–</text> 

</svg> 

JSFiddle here

它動畫就好在Firefox和Chrome。然而，在Safari中，只有不透明屬性是動畫的，只有第一個translateY（即0％）被考慮在內。

（在Safari版本10.0.3測試）使用完全相同的CSS和應用它們在HTML文檔中，爲<p>例如動畫做工精細無處不在，包括Safari。

Safari不支持SVG中translate的動畫嗎？我在哪裏可以檢查它是否受支持？

Answer 1

Safari不支持<text>元素的動畫！包裝一組內的文本修復該問題：

<g class="basic"> 
    <text x="150" y="200">SVG</text> 
</g> 

JSFiddle

然而，這並不回答第二個問題，一個在哪裏可以檢查屬性是否是動畫還是沒有在理論上和實踐中？