通過設置不透明度淡入圖像

Question

我需要淡入淡出動畫前2秒不可見的圖像。

這是我分辯現在：

 <image x="40%" y="40%" width="30%" height="30%" id="img2" 
    opacity="1" 

    preserveAspectRatio="xMinYMin meet" 
    xlink:href="img/2dugs.jpg" > 
    <animate attributeName="opacity" 
    attributeType="CSS" 
    begin="2s" dur="2s" from="0" to="1" 
    repeatCount="1" /> 

    </image> 

這段代碼的圖片是在動畫，這是我不希望的開始可見光右。如果我設置opacity =「0」，那麼開始沒問題：圖像在前2秒內沒有失效，在2秒內淡入，但最後再次不可見。

我該如何獲得一個動畫：使圖像在前2秒內不可見，然後在2秒內消失，然後保持可見？

Answer 1

將fill="freeze"添加到<animate>標記並使<image ... opacity="0">。