回答
你有两个独立的动画 - 一个不透明度增加,一个是它降低。每一个都从另一端开始,但第一个也从0开始。下面是一个矩形的例子:
<rect x="10" y="10" width="20" height="20">
<animate id="animation1"
attributeName="opacity"
from="0" to="1" dur="1s"
begin="0s;animation2.end" />
<animate id="animation2"
attributeName="opacity"
from="1" to="0" dur="1s"
begin="animation1.end" />
</rect>
已弃用元素:( – 2015-09-09 13:23:59
@DougChamberlain不推荐元素?对我来说工作正常 – Cyborg 2017-05-10 14:23:06
可以使用values
属性,像这样动画任何数量的值:
<rect x="10" y="10" width="20" height="20">
<animate attributeName="opacity"
values="0;1;0" dur="1s"
repeatCount="indefinite"/>
</rect>
这将动画从不透明0到不透明度1(100%),然后在1秒的时间内再次回到0。
^^更佳回答 – IvanM 2014-03-14 10:25:28
这似乎没有重复..可能需要'repeatCount =“indefinite”' – 2014-06-07 09:14:01
谢谢@StevenLu,已更新。 – 2014-06-09 11:49:14
- 1. SVG - 动画不透明
- 2. GMSMarker不透明度不透明动画
- 3. 整体SVG不透明度/透明度
- 4. CSS不透明度动画
- 5. jQuery不透明度动画
- 6. CALayer不透明度动画
- 7. SVG与透明度
- 8. 循环动画不工作的SVG
- 9. XAML Storyboard Fadein - Fadeout不透明度循环
- 10. 如何动画DropShadowEffect的不透明度?
- 11. 带有不透明度的jQuery动画
- 12. 如何动画SKShapeNode的不透明度?
- 13. 元素的动画不透明度
- 14. div CSS中的透明度动画
- 15. 动画师控制中的透明度
- 16. 不透明度动画到特定值
- 17. 不透明度蒙版动画
- 18. 动画不透明度隐藏/显示
- 19. CALayer/CABasicAnimation不透明度动画缓存?
- 20. CSS背景不透明度动画
- 21. 减慢CSS不透明度动画
- 22. CSS不透明度动画safari bug?
- 23. ListBoxItem动画和不透明度
- 24. RaphaelJS笔画不透明度
- 25. SVG填充动画循环中断
- 26. jQuery中的不透明循环
- 27. 悬停动画fadein不透明度0.5悬停不透明度1
- 28. 通过svg动画的javascript循环
- 29. 与CSS悬停的SVG不透明动画
- 30. 使用PNG透明度的IE7动画
我们可以看到迄今为止的代码吗? (如果你愿意的话,将它编辑到你的文章中)。 – halfer 2012-08-06 12:41:50