SVG動畫無法在多個瀏覽器上工作

我最近創建了一個只有少量圖像的動畫，現在只在Firefox中顯示完整的動畫。在所有其他瀏覽器（IE，Google Chrome，Safari）中，動畫的各個部分都缺失，基本上我使用了移動和不透明屬性。有什麼辦法可以解決這些問題嗎？謝謝。SVG動畫無法在多個瀏覽器上工作

編輯：

我不能發佈完整的代碼，但這裏的一些。希望這會有所幫助

<animateTransform 
      attributeName="opacity" 
      begin="3s" 
      dur="3s" 
      type="CSS" 
      from="100" 
      to="0" 
      repeatCount="1" 
     /> 

<animateTransform 
      attributeName="transform" 
      begin="0s" 
      dur="3s" 
      type="translate" 
      from="0 -330" 
      to="0 0" 
      repeatCount="1" 
     />

來源

2011-10-30 OctaHeliX

如何將我們聯繫到問題？如果他們沒有看到有問題的代碼，我看不到有人幫助您。 – Blender

@Blender：我添加了一些代碼。謝謝。 – OctaHeliX

<animateTransform>僅適用於動畫轉換，不適用於不透明。只需用<animate>替換那個，它應該沒問題。當你在它的時候刪除type =「CSS」。

來源

2011-10-30 16:53:13

非常感謝，那就是問題所在。 – OctaHeliX

SVG動畫無法在多個瀏覽器上工作

回答

相關問題